Edit product

Figma Freebie - Inputs 4.0

$0+
25 ratings

Learn best practices or jumpstart your next design project with the FULL set of inputs from the UI Prep Design System.  Inputs use best practices from Material Design, Bootstrap, and Figma.  Learn more about how they are optimized for easy use and maintainability


✅  Variants 

✅  Base Components   

✅  Auto Layout

✅  Saved Styles

✅  Quick Start Guide

✅  Input Playground   


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

•  Hover

•  Focused

•  Filled

•  Disabled

•  View only

•  Feedback (Error, Warning, Success)


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

$0+

Figma Freebie - Inputs 4.0

Learn best practices or jumpstart your next design project with the FULL set of inputs from the UI Prep Design System.  Inputs use best practices from Material Design, Bootstrap, and Figma.  Learn more about how they are optimized for easy use and maintainability


✅  Variants 

✅  Base Components   

✅  Auto Layout

✅  Saved Styles

✅  Quick Start Guide

✅  Input Playground   


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

•  Hover

•  Focused

•  Filled

•  Disabled

•  View only

•  Feedback (Error, Warning, Success)


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

Ratings

4.56
(25 ratings)
5 stars
84%
4 stars
4%
3 stars
4%
2 stars
0%
1 star
8%
25 ratings
  • File
    .fig
  • Size
    59 MB
  • File.fig
  • Size59 MB

Ratings

4.56
(25 ratings)
5 stars
84%
4 stars
4%
3 stars
4%
2 stars
0%
1 star
8%
25 ratings
Powered by

Checkout

Figma Freebie - Inputs 4.0

Enter your info to complete your purchase

Give as a gift

Card

or pay with
pp paypal