How to Design and Prototype Buttons in Figma | Material Design Primary Secondary Tertiary Components
In this video, I walk through how to design and prototype a backdrop component in Figma. This is a component used in Google's Material Design system, which you can learn more about here: https://m2.material.io/components/but...
Figma file: https://www.figma.com/community/file/...
New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54
Music for this video is "Reverie" by Cordio. You can learn more about their music here: / @cortesarts
0:00 - Intro
0:10 - About Buttons
0:44 - Designing the Primary (Filled) Buttons
3:05 - Creating the Buttons with Icon Variant
4:28 - Creating the Component Set
4:55 - Making the Secondary (Outline) Buttons
6:25 - Making the Tertiary (Text) Buttons
8:00 - Prototyping the Buttons
8:44 - Demoing the Prototype
9:53 - Wrapping Up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#uidesigner #figmatutorial #designsystems