Build a GREAT Figma Design System | Build a Design System Part 5!

Welcome to Episode 5 of our design system series! In this episode, we're taking a deep dive into building a table component in Figma! We'll walk you through the best practices for designing flexible and adaptable table components, all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. Make sure to like, comment, and subscribe for more insights on building effective design systems! NEW - Purchase our official design system: https://collectivekit.co/ *Apologies for audio issues throughout. Ran into issues working with my new microphone. Central Icon System: https://iconists.co/central?aff=bdzGd ASK THE COMMUNITY: https://uicollective.co/ Downloads & Links Part 1: https://youtu.be/HNJmWKndUA4 Part 2: https://youtu.be/RWobowuQx6o Part 3: https://youtu.be/gyzAQEoJr-c Part 4: https://youtu.be/yOnthVqIo1U Resources: https://uicollective.co/designer-tools-and-resources We build design systems: https://uicollective.co/design-system-labs 0:00 Building Cell Items 8:05 Building a Cell 12:47 Building Rows 15:41 Building Columns 20:02 Hacking your table!! 22:54 Build a Row Table Component 26:19 Adding a Heading & Pagination 29:55 Building a Column Table Component 33:13 Text Truncation 34:24 Troubleshooting & Cleanup