Design a flexible Table component in Figma with slots
Tests Figma Slots to avoid variant bloat. Answer: Cell variants; Row as a horizontal Slot with zero padding for dividers/hover; Table as a vertical Slot for rows plus a header Slot; componentize the configured row for bulk edits.
Tests Figma Slots for complex tables without variant bloat. A strong answer uses three layers: Cell variants for text, avatar, and status; Row as a horizontal Slot with zero padding that owns dividers and hover states; Table as a vertical Slot for rows plus a top Slot for filters or actions. Crucially, componentize the configured row so column spacing and cell choices propagate to all instances without detaching. Red flags are boolean variant explosions or instructing users to detach instances to swap content.
Read the original → bitovi.com
- #figma
- #design-systems
- #slots
- #auto-layout
- #component-architecture
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.