UI Prep Brand logo
Design SystemCourseDesign Service
Resources
Newsletter

The best Figma newsletter sent twice a month.

Freebies

Figma Freebies to help you get up and running fast with new designs.

Projects

Level up your Figma skills with our free training Projects.

Blog

A collection of articles and resources to master Figma.

Get the System

Blog

AllGuideSyllabusTutorial
Guide
•
5 min read

Cheaters Guide to the Perfect Color Palette

Step-by-step guide on how to steal and customize the perfect color palette for your Figma Style Guide.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
12 min read

Ultimate Guide to Prototyping in Figma

How to create prototypes in Figma with interactions, animations, fix positions, overflow scrolling, and interactive components.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
11 min read

Ultimate Guide to Using Icons in Figma

Everything you need to know about setting up icons, using icons in designs, and handing off icons for development in Figma.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
14 min read

21 Best Figma Plugins for Designers in 2021

Here's a collection of the best Figma plugins for designers guaranteed to improve your workflow.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

5 Tips to Design Maintainable Inputs in Figma

How to build inputs in Figma that will grow & evolve along with your designs.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
6 min read

Why you should use Frames, not Groups, in Figma

Learn the difference between frames and groups, and what makes frames so much more powerful.
Molly Hellmuth
Co-founder, UI Prep
Tutorial
•
5 min read

UI Prep Quick Start Guide

Learn how to get set up, customize the system, and start using the components & styles so you can hit the ground running.
Molly Hellmuth
Co-founder, UI Prep
Syllabus
•
13 min read

The UI Prep Syllabus on Learning Figma

Complete list (70+ resources!) of everything you need to learn Figma
Molly Hellmuth
Co-founder, UI Prep
Guide
•
8 min read

Ultimate Guide to Mastering Auto Layout in Figma

Everything you need to know about Figma's Auto Layout and how to build responsive components.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

How to Create the Perfect Color Palette

A guide to creating a system of colors that self generates and maintains the perfect color palette
Molly Hellmuth
Co-founder, UI Prep
Guide
•
8 min read

10 Tips & Tricks to Design Faster in Figma

A guide to designing more efficiently
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

Advanced Figma Variants

A guide to using Figma variants efficiently and speeding up your design workflow
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

Figma Variants 101

A beginners guide to creating, editing, and using variants in Figma
Molly Hellmuth
Co-founder, UI Prep
Design Systems
•
8 min read

The Best Way to Document UX/UI Design

A guide to design documentation for happy, productive teams.
Jake Tsacudakis
Co-founder, UI Prep
Guide
•
5 min read

Mastering Constraints & Auto Layout

A guide to building responsive components in Figma
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

Design Smarter with Themed Components

A guide to building and maintaining themed components in Figma
Jake Tsacudakis
Co-founder, UI Prep
Guide
•
8 min read

Building a Design System 101

Designers guide to building a design system from scratch, using Figma
Molly Hellmuth
Co-founder, UI Prep
Syllabus
•
6 min read

15 books to help you level up as a designer

The best 15 books to read in 2020 to level up your design skills.
Jake Tsacudakis
Co-founder, UI Prep
Syllabus
•
12 min read

The UI Prep Syllabus on Design Portfolios

A complete guide (80+ resources) to creating a portfolio that will get you hired.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
10 min read

10 tips on using components in Figma

Everything you need to know about how to use and manage Figma components in your design workflow.
Jake Tsacudakis
Co-founder, UI Prep
Syllabus
•
12 min read

The UI Prep Syllabus on Design Systems

The most comprehensive list (over 90 resources!) to help you master the ins and outs of design systems.
Jake Tsacudakis
Co-founder, UI Prep
Guide
•
13 min read

UI Designer’s Guide to Creating Forms & Inputs

This guide will walkthrough form and input best practices based on Material Design, Bootstrap, and Figma.
Molly Hellmuth
Co-founder, UI Prep
Popular
•
8 min read

Everything you need to know about spacing & layout grids

This guide will walk though spacing and layout grid best practices based on Material Design, Bootstrap, and Figma.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
8 min read

The Ultimate Guide to Designing Data Tables

A collection of best practices for data table UX/UI.
Molly Hellmuth
Co-founder, UI Prep
Guide
•
5 min read

10 Best Practices for Creating Effective Wireframes

Wireframes are a great tool for experimenting and communicating design solutions to your teammates or clients.
Molly Hellmuth
Co-founder, UI Prep
Join 20K+ designers leveling up their Figma skills.
Get Figma tips, tutorials, and (exclusive) freebies directly in your inbox.
UI Prep Logo in Footer
By @molly_hellmuth
© 2023 UI Prep •  License • Privacy Terms • Change Log

Products

  • Design System
  • Course
  • Design Service
  • Figma Freebies
  • Reviews

Learn

  • Projects
  • Blog
  • Tutoring
  • Newsletter

Connect

  • Gumroad Profile
  • Figma Profile
  • Twitter
  • Youtube