Design Projects
DESIGN PROJECT

UI Prep Quick Start Guide

This project is for teams, agencies, and solo designers who are getting started with the UI Prep design system. It covers everything you need to know to hit the ground running once you purchase and download the design system.
Key skills covered
Navigate design files
Customize colors styles
Customize text styles
Designing with instances
Customize main components
Start Design Project
Beginner+
5 tutorials
20 min

Project Outline

A step-by-step guide to designing your project
Quick Start 1: Meet UI Prep
6:07
Walkthrough of the UI Prep Design System UI Kit
Quick Start 2: Customize Color Styles
4:17
How to add and edit color styles
Quick Start 3: Customize Text Styles
3:12
How to add and edit text styles
Quick Start 4: Designing with Instances
4:17
How to use common components and Figma features
Quick Start 5: Customize Main Components
4:14
How to update main components using “bases” and “atoms”