How to Design and Prototype Data Tables in Figma | Material Design Component Tutorial

New to Figma? Sign up here:

0:00 - Intro
0:07 - What are Data Tables?
0:53 - Designing the Chips
1:23 - Designing the Table Row
2:19 - Designing the Checkbox Table Row
2:53 - Making the Table Row States
3:29 - Creating the Component Set
4:16 - Prototyping the Data Table
5:30 - Demo
5:52 - Wrapping Up

⁙ social media:

#uxdesign #materialdesign #datatable

[Maulmota]

Great tutorial, right on point, quick but detailed enough so I can simply pause and rewatch every piece. As a PM learning how to create some designs, I finally learned how to properly create tables without struggling so much. Much easier / cleaner now! Thanks!

[justnightfurry]

Keep uploading a new video about design. I enjoy watching it

[interactiondesignmentor]

love you sir i love your content bcs its too much professional content

[estilan-cro]

How can I take a spreadsheet of data and fill this data table layout so I don't have to type in each row? Do you have any ideas?

[CYBERNORM]

@Soren Iverson : it would be cool to see a visualisation of used shortcuts. great video though. keep up the good content : )

[domoretraining]

It's remarkable. thank you for your video

[dylanstephenson]

Will your strategy here change using component properties feature?

[funkeomoogun]

Good teaching but extremely fast. I got nothing. Slow down next time for beginners.

[nicolekaufmann]

This was great. Unfortunately way to fast in the end and hard to follow

[SabaMoradi-jl]

way of expression was confusing. I'm sorry. When you teach a subject, your audience is those who are not professionals.It would be great if you pay attention to these points.