Droit UI - Version 1.0
1.0

Explore Design Excellence With the Droit Design System

Adopted by 100+ users, Droit UI is a Highly Customizable Figma Design System with over 7,000 UI Components, Specifically Designed to Streamline the Workflow of Creative Professionals, Agencies, Startups, and SaaS Businesses.

Droit UI Design System

Turn Your Vision into Visually Stunning Designs

Starting with Droit UI, the most advanced Figma UI kit, to seamlessly integrate Auto Layout 5.0, variables, smart variants, and WCAG accessibility into your Creative project.

7120+

Components & Variants

Huge Customizable components collection to supercharge your Design.

1125+

Asset Collections

Every asset a developer needs to start building a creative app or Website.

675+

Global Styles + Variables

This UI System enables you to define theme-aware styles for any Element.

365+

Widget & Section

Droit UI thought of everything you need, so stay focused on your Work.

Variants, Variables and Auto Layout 5.0

Accelerate your workflow and minimize your execution time.

Unlock your creativity effortlessly with Droit UI – A system for quick, beautiful, and cohesive design projects in less time. It provides a wide range of ready-to-use components, allowing you to create stunning UI and websites with ease. Save time, maintain consistency, and focus on bringing your creative vision to life.

100% Auto layout components
WCAG 2.1 compliant
Useful page examples
Swap out sections in seconds
Accelerate your workflow and minimize your execution time.
Transforming Objects with Instant Color Changes

Global Styles + Variables

Transforming Objects with Instant Color Changes

Droit UI unleashes your design capabilities with over 600+ advanced color schemes, typography, and effects. Need to update styles globally? Easily implement them across your project with a simple click—design smarter, not harder.

Smart & extensive typography
Practical color system
Avatar image styles
Useful shadow & blur effect

Example Pages

Revolutionizing Design Intelligence for 10x Impact

Elevate beyond the ordinary with components crafted for perfection, harnessing Auto Layout 5.0, intelligent variants, and Figma's advanced variable attributes. Engineered for accessibility, our toolkit empowers you to effortlessly transform designs with quick variant swaps, setting a new standard for design simplicity and brilliance.

Desktop and mobile examples
Useful website examples
Dashboards, settings and more
Hover and click interactions
Revolutionizing Design Intelligence for 10x Impact
Extensive Collection of Pre-designed Templates

Design Faster

Extensive Collection of Pre-designed Templates

Our library is packed with pre-designed web and dashboard templates covering the most popular niches. Easily shuffle sections and variants to customize and create, bringing your digital masterpieces to life swiftly, all while maintaining a professional edge that typically takes weeks to refine.

2,000+ icons and logos
Logos, avatars and more
Tips and notes included
Free updates always growing

Switch between two themes in one file with just one click.

Quickly switch between light and dark themes within your project using Figma's Variables feature for easy adaptation of your design environment.

The Most Powerful & ultimate UI kit and design system for Figma

Droit UI offers meticulously crafted components, responsive layouts, and effortless typography choices, empowering you to effortlessly create stunning interfaces. Whether you're an experienced designer or just starting, Droit UI is your ultimate tool for exceptional designs in record time.

Tokens & Variables

Enhance your workflow and achieve consistency with Color Tokens integrated into Variables.

Tokens & Variables

Asset Library

Explore an extensive asset library with 1200+ items, including brand logos and placeholder logos.

Asset Library

Over 2500 Icons

Phosphor Icon set containing 2500+ icons in both Line & Filled styles.

Over 2500 Icons

Local Styles

Design system essentials including Effect Styles, Text Styles, and much more.

Local Styles

Real-use Examples

You will find real-use examples and see how to use them the best.

Real-Use Examples

Not just for creative individuals, but also for businesses.

Droit UI is not only the ultimate design system for individuals, but also SaaS businesses, creative design agencies, and startups seeking to foster creativity throughout the project design-development process.

Design Teams

Achieve the next-gen consistency and design with speed using our integrative, shared library of Droit UI.

Freelancers

Boost project quality and turnaround time, expanding your clientele and income with our efficient design solutions.

Startups

Turbocharge your creative process with our comprehensive component library. Kickstart your design and prototyping phase.

Agencies

Harmonize your team's efforts with a unified design library. Streamline your workflow for greater efficiency.

Enterprises

Empower large-scale projects with ease, ensuring brand coherence and cross-team collaboration with Droit UI.

Students

Play with professional design system construction and Become Figma proficient with our Droit UI kit.

Over 7000+ Web Components Variants, Web Examples and more!

A collection of all the Foundations, Components, Web Applications, Website Sections & Examples we’ve provided.

Budget-friendly Pricing Alternatives

One-time payment grants you lifetime access and continuous updates, with unlimited projects.

$99

Solopreneur Pro

Upto 2 users. Suitable for solo designers, developers, freelancers or a solopreneur.

Check mark to present this feature is presented.
2 user license
Check mark to present this feature is presented.
7000+ components and variants
Check mark to present this feature is presented.
1300+ icons and logos
Check mark to present this feature is presented.
270+ global styles
Check mark to present this feature is presented.
100+ ready templates
Check mark to present this feature is presented.
Figma tokens with variables
Check mark to present this feature is presented.
Auto Layout 5.0
Check mark to present this feature is presented.
Component properties
Check mark to present this feature is presented.
Exclusive components
Check mark to present this feature is presented.
Use in unlimited projects
Check mark to present this feature is presented.
Use in commercial & personal projects
Check mark to present this feature is presented.
Dark mode variables
Check mark to present this feature is presented.
Useable with free Figma plan
Check mark to present this feature is presented.
Free lifetime updates
$299

Team Pro

Upto 10 users. Perfect for startups, design teams, studios, agencies.

Check mark to present this feature is presented.
10 user license
Check mark to present this feature is presented.
7000+ components and variants
Check mark to present this feature is presented.
1300+ icons and logos
Check mark to present this feature is presented.
270+ global styles
Check mark to present this feature is presented.
100+ ready templates
Check mark to present this feature is presented.
Figma tokens with variables
Check mark to present this feature is presented.
Auto Layout 5.0
Check mark to present this feature is presented.
Component properties
Check mark to present this feature is presented.
Exclusive components
Check mark to present this feature is presented.
Use in unlimited projects
Check mark to present this feature is presented.
Use in commercial & personal projects
Check mark to present this feature is presented.
Dark mode variables
Check mark to present this feature is presented.
Useable with free Figma plan
Check mark to present this feature is presented.
Free lifetime updates
$499

Agency Pro

Upto 30 users. Best for large product design teams, agencies, saas, eCommerce.

Check mark to present this feature is presented.
30 user license
Check mark to present this feature is presented.
7000+ components and variants
Check mark to present this feature is presented.
1300+ icons and logos
Check mark to present this feature is presented.
270+ global styles
Check mark to present this feature is presented.
100+ ready templates
Check mark to present this feature is presented.
Figma tokens with variables
Check mark to present this feature is presented.
Auto Layout 5.0
Check mark to present this feature is presented.
Component properties
Check mark to present this feature is presented.
Exclusive components
Check mark to present this feature is presented.
Use in unlimited projects
Check mark to present this feature is presented.
Use in commercial & personal projects
Check mark to present this feature is presented.
Dark mode variables
Check mark to present this feature is presented.
Useable with free Figma plan
Check mark to present this feature is presented.
Free lifetime updates

Frequently Asked Questions

Find questions and answers related to the design system, purchase, updates, and support.

Why do I need the Droit UI Design System?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Droit UI Design System streamlines your design process, offering a robust set of components and templates, saving time, and ensuring consistency in your projects. No matter whether you are a solo designer or a team it accelerates your design process by 100x.

How many components are available?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Droit UI boasts an extensive library of 7000+ components, ensuring versatility in your design projects.

Are there niche-specific dashboards and templates available?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Absolutely! Droit UI includes sector-specific dashboards and widgets, tailored to diverse needs. We started with 50+ sector-wise templates and we have a plan to cover all popular niche-based templates.

Can I use Droit UI for free?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Yes, we provide a free tier for you to explore the features of Droit UI.

Can I use Droit UI Design System with Figma free version?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Yes, of course! Every features and components are usable with Figma free version.

Can I use the Droit UI Design System for commercial projects?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Yes, Droit UI is perfect for commercial projects, empowering you with professional-grade design elements. To know details, please read our License and Agreement section.

Is Droit UI Design System available for coding environments?

Plus sign for an FAQ item, meaning that it expands when clicked. 
Minus sign for FAQs, meaning that this panel is open and will be collapsed when clicked.

Currently, Droit UI is available for Figma only.

Level Up Your Design Workflow

Droit UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours