How to Design a Image Lists Component in Figma | Material Design Image List Component Tutorial

Опубликовано: 16 Октябрь 2024
на канале: Soren Iverson
1,643
19

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

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:09 - What are Image Lists?
1:08 - Designing the Image Component
4:00 - Making the Standard Image List
5:01 - Making the Quilted Image List
6:17 - Making the Masonry Image List
7:27 - Making the Woven Image List
8:50 - Refining the Image Component
10:14 - Outro

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

#productdesigner #materialdesign #ui