A Design System UI Kit for Figma

We’ve done the all the prep work so you can start designing.
Save Time
Jump start design process with prepared styles, base elements & common components.
Design better
Set up with best practices, including atomic elements, 8pt grid system, and holistic styles.
Stay consistent
Designed with master components and styles for easy customization and consistency.
Work Smarter
Strategically designed and meticulously organized to save you time & energy.

Everything you need to start designing

Never start from scratch again
CUSTOMIZABLE
Quickly customize styles & components
Update text & color styles to match your branding in minutes. Your designs, style guide, and documentation will automatically stay up to date.
ATOMIC
Easily scale and maintain a robust design system
All base components are build with atomic elements and saved styles so updates, big and small, stay consistent
RESPONSIVE
Quickly resize any component for custom variations and different screen sizes.
Resize components as needed and communicate responsive behavior to your team with layouts and constraints.

Set up for success

Getting started is quick & easy! Included is a Quick Start Guide & tooltips to help you customize, edit, and scale your design system.
Quick Start Guide samples
Tooltip samples

Your new design system is prepped and ready to go!

Available for Figma
UI Prep Design System
UI Prep is a yearly subscription so we can provide you with updates as Figma evolves.
Base elements
Common components
Clear documentation
Quick Start Guide & tooltips
Use for unlimited projects
Use by yourself or with a team
Get for $68
(Receive 1 year of updates for free)