Tables are harddddd to work with in Figma and even harder to design properly. The data in the tables you design needs to tell a story and guide users to action.
In this video, I show you the approach I take when designing tables, processing data in a hierarchical way, and how to work with responsive. It's a big big topic so it's my longest video yet haha
Make sure to save this for later when you’re designing your next product!
Table inspiration used: https://www.behance.net/gallery/10577...
Find me on socials:
/ reels
/ radnolan
/ nolanperk
Join the community: https://bit.ly/rad-makers
------
Chapters:
0:40 Table Design References
4:45 Navigation Setup
14:23 Table Groups
20:10 Table Header
26:03 Data Columns
32:20 Flexible Columns
43:31 Component Cells
54:33 Responsive Tables!
57:40 Grid vs Table?
1:07:35 Easier responsive workflow
You're Rad ❤️