How to Design Floating Action Button Components in Figma | Material Design FAB Components

Опубликовано: 06 Октябрь 2024
на канале: Soren Iverson
3,510
24

In this video, I walk through how to design floating action button components 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/...

Music for this video is "Ardour" by Cordio. You can learn more about their music here:    / @cortesarts  

New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54

0:00 - Intro
0:09 - About Floating Action Buttons
0:58 - Designing the Floating Action Button
2:38 - Creating the Component Set
2:54 - Making the Small Floating Action Button
3:43 - Making the Floating Action Buttons with Text
5:08 - Finalizing the Component Set
6:01 - How to Use the Floating Action Button
6:25 - Wrapping Up

⁙ social media:
Twitter :   / soren_iverson  
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/

#floatingactionbutton #figma #uidesign