Back to Browse

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

9.9K views
Apr 6, 2023
4:57

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/1203703753054458490 Music for this video is by Cordio. You can learn more about their music here: https://www.youtube.com/@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 : https://twitter.com/soren_iverson Dribbble: https://dribbble.com/soreniverson Gumroad: https://soreniverson.gumroad.com/ Website : https://soreniverson.com/ #uxdesign #materialdesign #ui #snackbars

Download

0 formats

No download links available.

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