How to Design Tab Components in Figma | Material Design Tabs Component Tutorial

Опубликовано: 29 Сентябрь 2024
на канале: Soren Iverson

5,622

In this video, I walk through how to design tabs 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/tabs

Figma file: https://www.figma.com/community/file/...

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

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

0:00 - Intro
0:12 - What are Tabs?
0:54 - Creating the Tabs
1:46 - Framing and Spacing
3:10 - Creating the Component Set
3:37 - Component Properties
4:14 - Testing out the Component
4:29 - Wrapping Up

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

#uxdesign #materialdesign #ui #snackbars