How to Design List Components in Figma | Material Design Single Two Three Line List Tutorial

Опубликовано: 17 Март 2026
на канале: Soren Iverson
14,944
127

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

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

Music for this video is "Visby" 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:09 - What are Lists?
0:52 - Designing the Single Item List
4:11 - Creating the List Component & Variants
5:34 - Designing the Two Item List
6:46 - Creating the Two Item List Component & Variants
7:29 - Creating the Three Item List Component & Variants
8:17 - Outro

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

#uxdesign #materialdesign #ui