DesignCode UI icon

DesignCode UI

A Figma and Framer design system featuring hundreds of modern UI components and templates.

Get the UI kit →
Screenshot of the DesignCode UI kit

This extensive UI kit combines beautiful aesthetics with practical functionality, built from decades of UI/UX design expertise. It offers seamlessly integrated components for both Figma and Framer, making it perfect for creating sophisticated digital products.

Key features:

  • Over 300 customisable components with 2,000+ Figma variants
  • Complete theming system with variables for colours, spacing and layouts
  • Dark/light mode support and responsive design options
  • 2,116 unique icons in multiple styles
  • Ready-to-use templates for common UI patterns

DesignCode UI helps designers and developers save countless hours in their workflow by providing a flexible foundation of pre-built components that can be easily customised. The thoughtful organisation and extensive documentation make it straightforward to maintain consistency across projects whilst adapting the components to match any brand identity.

Get the UI kit →

Platforms:

Share on:
← Back to all kits

Browse more UI kits

View all →

Explore more platforms

All platforms →

Browse cross-platform kits

All platforms →
Publish your website in minutes with Framer.

Publish your website in minutes with Framer.