DesignCode UI

DesignCode UI is a Content & Design tool that provides a comprehensive design system with hundreds of Figma UI components and templates, ready for Framer. It offers meticulously organized components with variables, variants, and adaptive layouts to accelerate UI/UX design workflows.

Claim this tool

2Views

At a glance

Pricing

Freemium · Paid

Free tier

Yes

API

Skill level

Technical

About

What is DesignCode UI?

DesignCode UI offers an expansive design system featuring hundreds of Figma UI components and templates, fully integrated and ready for Framer. This extensive UI kit is meticulously organized with variables, variants, and adaptive layouts, drawing from decades of expertise in UI/UX design. It introduces a collection of fully designed and functional components tailored to enhance both Figma and Framer projects, allowing users to build beautiful, functional sites efficiently. Key differentiators include its unique theming with glass, line, and flat styling options, support for light/dark modes, and comprehensive customization capabilities for layouts, styles, patterns, breakpoints, and icons. The system is optimized with Figma's Variables and Framer's true implementation, ensuring design consistency and adaptability.

Best used for

Ideal for UX designers and graphic designers who need to rapidly prototype UIs, ensure design consistency across projects, and integrate designs seamlessly between Figma and Framer. Especially valuable for those looking for a comprehensive UI kit with unique aesthetic options and extensive customization capabilities.

Common actions

design UI components

create design systems

build Figma prototypes

integrate Framer designs

customize UI elements

Capabilities

Key features

Hundreds of Figma UI components
Framer integration
Variables and variants
Adaptive layouts
Light/Dark mode support
Glass, Line, Flat styles
2,116 unique icons

Target Audience

ux designergraphic designer

Integrations

figmaframer

Pricing & Plans

Freemium · Paid

Not publicly disclosed. Check designcodeui.com for current pricing.

FAQs

What is included in the Basic Free plan?

The Basic Free plan includes 50 components, 200+ Figma variants, 1,000 unique icons, Auto Layout, and Glass style only. It is exclusively for Figma and offers lifetime updates for unlimited projects for a single user.

What is the difference between the All-Access and Team plans?

The All-Access plan is a one-time purchase for a single user, including all 300+ components, 2,000+ Figma variants, and Framer components. The Team plan offers the same features but supports up to 5 users, making it suitable for small teams.

Does DesignCode UI support different styling options?

Yes, DesignCode UI offers Glass, Outline, and Flat styling options, in addition to supporting both Light and Dark modes. This allows for significant aesthetic flexibility and customization to match various project requirements and brand identities.

Can I pay with PayPal for DesignCode UI?

Yes, PayPal is accepted for the one-year plan only. Payments made via PayPal will not auto-renew, providing a single-purchase option without recurring charges. This offers flexibility for users who prefer not to have automatic renewals.

Trending

Subcategories trending in Content & Design

Image Generation AI Writing Assistants Audio & Music Video Generation Photo Editing Video Editing

Trending

Explore

Browse AI tools by category

Content & Design Productivity & Business Coding & Development AI Agents & Automation Research & Education Wellness & Lifestyle Career Development Marketing & Growth Data & Analytics Customer Support & CX Finance E-commerce