Learn how to design fully responsive and interactive tables in Figma with Auto Layout and Interactive Components in this video where I walk you through the process across every step of the craft!

I will be publishing this component as an open source design in the Figma Community later this month. Until then, connect with me on Twitter to receive an update once it's ready! I will also be updating this description with the Figma Community link, and if I haven't, please ping me in the comments section below and I'll get right to it.

Are you new to product design and/or Figma and looking for a practical and guided step-by-step jumpstart? Have a look at my Beginners' Hands-On Tutorial and design the Google homepage, no prior experience required!    • Designing with Figma – A Beginners' H...  

Was this video helpful? Do you have any questions about responsive design or table UI that you'd like me to cover in future videos? Any suggestions for improvement? Please let me know in the comments section below 💬

If you are new to my channel, welcome! Don't forget to hit subscribe if you'd like to keep up with my weekly dose of product design videos and tutorials to help you build great products and bring your ideas to life.

Don't be a stranger and connect with me here 👋
Twitter:   / javalaves  
Figma: https://www.figma.com/@javi
LinkedIn:   / javieralaves  

Chapters:
0:00 - Welcome
1:25 - Auto Layout review
5:28 - Column model
9:30 - Responsive table design
13:40 - Table as a component
15:35 - Interactive rows
22:00 - Conclusion