Edit product

Design System UI Kit for Figma

Design system UI kit for Figma to help fellow designers create beautiful, user friendly, scalable designs in a fraction of the time. 

🌎  Learn more on our website

🛵  Try the (free) Demo

👀  Preview light theme in Figma

👀  Preview dark theme in Figma


•   Figma design files (light & dark)

•   Auto Layout 3.0

•   Variants

•   8pt grid system

•   High quality components

•   100+ styles

•   100+ icons

•   UI layout examples

•   Documentation

•   Quick Start Guide tutorials

•   Use for unlimited projects

•   Free updates!

Buy once, use forever

Get lifetime access to the Design System today, plus any updates we release in the future for a simple one-time price.

Loved and trusted by solo designers, teams, and students

“UI Prep has been instrumental in our agency work. I’m a firm believer in efficiencies and never starting projects from scratch, and UI Prep helps us start at 60% instead of 0%. It’s comprehensive, organized, and very thoughtfully designed. I could not recommend this more.” 

- Jon Moore, Principal Product Designer at Innovatemap

“I would highly recommend this UI Kit! It was a well organized design system with variety of components to select from and simple to get started! The document guides were helpful and the emojis made it feel personal and friendly. This kit has dynamic components and easy to customize my designs. Overall, a great product!” 

- Jason Lopez, UX/UI Designer at H&R Block

“UI Prep's kit is extremely thorough and well-organized. I'm excited about being able to swap instances so easily and utilizing the grid layouts while designing responsively. I highly recommend the kit to any designer that wants to save time and create beautiful, cohesive work.”

- Renee Bruhn, Student at Design Lab

"This is a fantastic design system. Best thing on Gumroad!"

- Christopher Yellen, UX/UI Designer at Fidelity

Latest Release 4.0

This latest release includes our first ever dark theme version of UI Prep, in addition to some major auto layout and variant optimizations and other improvements to the design system (May 3rd, 2021)

•   New dark theme!

•   Optimized all auto layout & variant components

•   Optimized input, button, and table component behavior and added new variants.

•   Improved file structure and organization

•   Added video tutorials & playgrounds to the "Quick Start Guide"

•   Optimized variants for interactive components (beta)

Frequently Asked Questions

See full FAQ on our website

How do I import the design file into Figma?

First, download and unzip the design file. Then, drag and drop the file into your Figma “Project” page or your “Drafts” page.

How do I download a new update?

In your Gumroad Library, select the “UI Prep Design System for Figma” product card, then select “download”.

Can I get the Design System UI Kit for my entire team?

Yes, you just need to select the appropriate license when you check out. We offer an individual licenses (one designer) and a team licenses (unlimited designers).


By @molly_hellmuth and @jaketsacudakis

Have questions? Send an email to molly@quantidesign.io

License agreement | Terms of service 

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.

31 ratings

  • Lifetime license
  • Free updates
  • Light & dark theme
  • Auto layout 3.0
  • Variants


Design System UI Kit for Figma

Enter your info to complete your purchase of Individual


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$79.

Your purchase was successful!

We charged your card and sent you a receipt


    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad