Figma Live Components 2.0 adds conditional props and localized variants

Design · 4 min read

Figma rolled out Live Components 2.0, introducing conditional props that allow components to adapt their internal layout and styles based on named conditions. Instead of managing dozens of similar variants, designers can encode behavior like 'compact/expanded' or 'error/neutral' as props, cutting variant counts and improving file performance.

The update also adds localized variants: language-aware property packs that automatically surface copy length and typographic adjustments per locale. Teams running global releases can now preview UI with right-to-left, long-label, and CJK typographic rules without creating separate frames for each locale.

For product teams, the biggest practical win is a smaller, more maintainable component library. Developers get cleaner prop contracts when exporting components to codegen plugins, and QA can rely on fewer, more expressive references during review. Early adopters report 20–35% fewer variants and faster onboarding for new designers.