Figma Freebie - Buttons 4.0

Use this UI kit to sample the UI Prep Design System, learn best practices, or jump-start your next project!

✅  Variants

✅  Base components

✅  Auto Layout 3.0

✅  Saved Styles

✅  Quick Start Guide

✅  Button Playground   

What's included? 

Figma file (.fig) with the following

Button variants (144 total)

•  Types: Primary, Secondary, Tertiary, Danger

•  Size: Large, Small

•  Icon: None, Left, Right, Double, Divided

•  States: Default, Hover, Selected, Disabled

Quick Start Guide

• Steps on how to get started

• Helpful resources

Input Playground

• Exercise #1: Instances 101

• Exercise #2: Configure variants

• Exercise #3: Swapping instances

• Exercise #4: Update components 

Watch a quick walkthrough of the full Design System

👉 Learn more at uiprep.com

---

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