How to Design a Bottom App Bar in Figma | Material Design Components
In this video, I walk through how to design a bottom app bar 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/app...
Figma file: https://www.figma.com/community/file/...
New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54
0:00 - Intro
0:08 - About Bottom App Bars
0:49 - Designing the Floating Action Button
2:30 - Designing the Bottom App Bar (No FAB)
3:49 - Designing the Bottom App Bar (FAB on Right)
4:28 - Designing the Bottom App Bar (FAB in Center)
5:10 - Making a Component Set
6:12 - Wrapping Up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#materialdesign #figmadesign #designsystems