UI Prep Design System for Figma

UI Prep

The best, most user friendly design system UI kit for Figma! 

Never start from scratch again. Get a jump start on every new project with organized, well-crafted components and styles.

👩‍💻  Learn more on the official website

👀  Preview light theme in Figma

👀 Preview dark theme in Figma 

Product Overview

Resizing behavior

All components are built with grids, constraints or auto layout for flexible, consistent usage across all designs.

Variants 

Almost all master components have been combined into variants for faster, better usability.

Light & Dark Theme

You will receive two files, one with the light theme, and one with the dark theme. 

Apply your branding in minutes

Customize 59 color styles and 14 text styles to apply your branding in just a few minutes.

Atomic design

Components are built with atomic, nested instances for consistent use and quick design updates.

Consistent UI

The design system uses the 8pt grid system, a balanced type scale, and holistic color palette system.

Master components

Master components are strategically built to be flexible, consistent, and easily maintainable.

Saved styles

All components use saved text, fill, stroke, grid, and effect styles for consistency and easy bulk updates.

Clear documentation

All styles and components are automatically documented for consistent use and easy team communication.

Quick Start Guide

Learn how customize and use the design system with video tutorials and playgrounds. 

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.

(Released May 3rd, 2021)

Highlights

•  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)

Why is it a yearly subscription?

We update the Design system as Figma evolves in addition to providing new components, styles, and other design resources. We're dedicated to always improving the design process and appreciate your support!

Please note that if you cancel the subscription at any time you will stop receiving updates as they are released.

Follow me on Twitter to say hi and learn about new updates and resources

Send an email to molly@quantidesign.io if you have any questions

License Agreement