Back to Browse

How to Design Chip Components in Figma | Material Design Tutorial

7.5K views
Feb 7, 2023
8:04

In this video, I walk through how to design and prototype a chip 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/chips Figma file: https://www.figma.com/community/file/1203703753054458490 Music for this video is "Heart Beat" 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:07 - What are Chip Components? 0:53 - Designing the Chips 2:03 - Designing the Leading Icon 2:58 - Designing the Chip States 5:00 - Creating the Component Set 6:55 - The Final Component 7:43 - Wrapping Up ⁙ social media: Twitter : https://twitter.com/soren_iverson Dribbble: https://dribbble.com/soreniverson Gumroad: https://soreniverson.gumroad.com/ Website : https://soreniverson.com/ #materialdesign #uidesign #productdesigner

Download

0 formats

No download links available.

How to Design Chip Components in Figma | Material Design Tutorial | NatokHD