Figma launches Live Components 2.0 with AI-driven variants and conditional logic

Design · 4 min read

Live Components 2.0 brings a noticeably smarter component system to Figma: designers can now ask the editor to generate variants for different screen sizes, content lengths, and accessibility states. The variants are produced via an onboard model tuned for UI constraints, resulting in consistent spacing and predictable responsive behavior.

Beyond visual variants, the new system supports conditional logic — designers can attach simple rules (e.g., show “compact” when under 360px or use “rich-media” when description length > 120 characters) that are enforced when instances render in prototyping or exported to code. Figma also added an API to programmatically request generated variants from team style tokens.

The update focuses on collaboration flow: generated variants are labeled with provenance and editable after creation, and teams can create policies to accept, reject, or refine auto-generated component versions. Figma says the feature aims to cut boilerplate design work and make component libraries more adaptive.