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