A Figma component library keeps designs consistent and speeds up iteration. Build it once, reuse everywhere.
Use Variants
One Button component with variants for: size (sm, md, lg), style (primary, secondary, ghost), and state (default, hover, disabled).
Auto-Layout Everything
Components with auto-layout resize correctly when content changes. No manual repositioning.
Naming Convention
Component/Variant/State — e.g., Button/Primary/Hover. Consistent naming makes components searchable.