The pixel-perfect Figma design system made for complex products.

Supercharge your design workflow with UI Kit, the game-changing design system for Figma. Harness the full power of Figma with meticulously crafted and highly technical components that will revolutionize your design workflow.

Preview in FigmaContact us
A grid made of components from UI Kit.The Figma UI
Meticulously crafted for Figma, in Figma.
A table componentA graphic highlighting how Autolayout is used to build a table
An icon representing the Autolayout feature
Autolayout
Smart & dev-ready layout
The Figma UI for variants of a buttonThe Figma UI for variants of a button
An icon representing the Variants feature
Variants
Fits every needs
A color palette
An icon representing color swaps
Styles
Built for quick customization
A list of components names in UI Kit
A list icon
Smart naming
Following Material UI naming
The Figma UI highlighting the pixel details on the snackbar component
A grid of pixels
Pixel-perfect
Aligned to the 4px grid
Indicators showing the APCA contrast for each element of the autocomplete component
An accessibility icon
Accessible
Optimized for accessibility

Thousands of components & variants. Unlimited creativity.

UI Kit comprises hundreds of meticulously crafted components and thousands of their variants, ensuring an unparalleled selection that guarantees you'll discover precisely what you're looking for.

Autocomplete componentAvatar group componentBadge componentBreadcrumb componentButton component
Breadcrumb componentA button componentCheckbox componentMenu componentPagination component
Menu componentPagination componentA slider componentRadio button componentSnackbar component
Radio button componentSnackbar componentStepper componentSwitch componentData table component
Switch componentData table componentTabs componentText field componentText area component
Text field componentText area componentTooltip componentTree view componentAutocomplete component
Tree view componentAutocomplete componentAvatar group componentBadge componentBreadcrumb component

Technical components don't have to be complex.

UI Kit handles complexity more than any other library, from complex hierarchies in tree viewers, or state management in tables, to large amount of variants for rich text editors.

Rich text editor a la NotionData table componentTree view component
Data table componentTree view componentRich text editor a la Notion
Tree view componentRich text editor a la NotionData table component
Arrow left
Arrow right
A share menu with yellow-green buttonsA share menu with blue buttonsA share menu with orange buttons
A share menu with blue buttonsA share menu with orange buttonsA share menu with yellow-green buttons
A share menu with orange buttonsA share menu with yellow-green buttonsA share menu with blue buttons
Arrow left
Arrow right

Make it yours in seconds using Styles.

Customize every components to match your brand, in seconds. Swap colors, typography and effects to match your brand design and every component style will follow, ensuring consistency across the whole design system.

Coming Soon

Get started quickly with production-ready examples.

An iPad showing a complete UI using components from the UI Kit

We're carefully building dozens of exceptionally realistic interface, meticulously tailored to enable you to get started on your project with unparalleled swiftness and ease.

Simple & Transparent Pricing

Does UI Kit include the new Figma features?


Any future release will be carefully reviewed and implemented when it makes sense, and those updates will be sent to every customer as part of our lifetime updates format.UI Kit incorporates Figma's redesigned Auto Layout 4.0, component properties and variants, and most of the latest features Figma released. For now, UI Kit does not utilizes Variables since this feature is in beta and might be restricted only to Enterprise plan accounts.

Is there a dark mode version of the kit?

Currently, the dark mode version is not available, but rest assured, it's already in progress. Our team is dedicatedly exploring optimal approaches to ensure the UI Kit remains clutter-free and user-friendly. Our primary goal is to make it seamlessly usable. When the dark mode version is ready for release, we will ensure every customer receives the update as part of our lifetime updates format, ensuring you have access to the latest features and improvements without any additional cost.

Do I need to pay for Figma?

No. UI Kit will work on any Figma plan, including the Starter plan which is free for individuals. However, some more advanced features (not necessary to use UI Kit) such as team libraries require a professional plan.

Can I use this for client projects?

Yes, please! And we'd love to see it. You can use UI Kit to build any type of commercial business, website, app, or project.‍

Do you have a student discount?

We offer a 50% discount for students. Just shoot an email at hello@uikit.design before purchasing! Make sure you use your student email or attach a valid student ID/proof.

What is your refund policy?

As UI Kit is digital in nature, we want to let you know that we don't generally provide refunds. We recommend that you carefully preview the file on Figma to make sure it's right for you. Please feel free to reach out to us if you have any questions or concerns, and we'll be more than happy to assist you.

Pricing

Pay once.
Use forever.

Pro License
Team License
Check icon

Single user license. Free to use in personal and commercial projects for one user.

Check icon

Unlimited projects. Use this UI Kit on as many personal and commercial projects as you like.

Check icon

Free lifetime updates. We'll let you know when we release future updates.

79€

One-time payment,
free updates for life.

Contact us
Check icon

Up to 10 users license. Perfect for agencies, startups and design teams

Check icon

Unlimited projects. Use this UI Kit on as many personal and commercial projects as you like.

Check icon

Free lifetime updates. We'll let you know when we release future updates.

249€

One-time payment,
free updates for life.

Contact us
Text reading "Dear Reader,"

My name is Paul Faivret. I'm a London-based (but French) Product Designer currently working in Artificial Intelligence. I built this UI Kit in months with care and passion, using my previous experience working for many great companies, with many different design systems.

I have been freelancing for years now. Since 2016 actually (I was 15). I always loved design, and I'm trying to share this passion with you through this resource.

A picture of Paul Faivret when he was young

Every single pixel is thought of to make the whole library consistent and unique. So I genuinely hope that you'll enjoy using this UI Kit as much as I enjoy building it. In a way, this UI Kit gathers my vision of the ideal design system, and so I share this wonderful tool for you to build wonderful things.

Love,

Text reading "Paul Faivret"

Product Designer and Founder of UI Kit

Level up your design workflow, today.

Preview in FigmaContact us
© 2023 Paul Faivret
Twitter (X?)Terms