Design system UI kit for Figma to help fellow designers create beautiful, user friendly, scalable designs in a fraction of the time.
Design Best Practices: Fully Accessible, 8pt Grid, Atomic Design, Documentation, Responsive, Light & Dark Themes.
Newest Figma Features: Component Properties, Variants, Auto Layout, Interactive Components.
More Than a Design System: Quick Start Guide with detailed Tutorials
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 6.0
Completely rebuilt to include the latest updates from ConFig2022. Including Component Properties and Auto Layout. In addition, 10+ new components were added and improvements were made to text & color styles.
- Rebuilt with all Config 2022 updates
- Added 10+ new components
- Added Component Properties
- Updated Auto Layout
- Improved Style system
- Improved Documentation System
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).
Have questions? Send an email to email@example.com