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.

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

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

(Receive 1 year of updates for free)