Figma Freebie - Inputs 3.1

By

UI Prep

Jump start your design process with a fully prepared input system that follows all the best design and implementation practices of Material Design, Bootstrap, and Figma.

✔️   Variants

✔️   Base component (aka theme master)

✔️   Nested instances

✔️  Auto layout & constraints 

✔️  Saved text & color styles    

What's included? 

Input types:

•  Text (single-line)

•  Text (multi-line)

•  Text + right icon

•  Text + left icon

•  Text + double icon

•  Multi-input (with chips) 

Input states:

•  Default

•  Active

•  Filled

•  Disabled

•  View only

•  Feedback (error, warning, and success)

Quick start guide

•  Add & edit color tutorial 

•  Add & edit text tutorial 

• Designing with instances tutorial 

Learn about the full Design System uiprep.com

Watch a quick walkthrough of the full Design System

---

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