Figma unveils Generative Components 2.0 with nested logic and variable-driven variants

Design · 4 min read

Generative Components 2.0 expands on Figma's earlier generative system by allowing components to contain nested generation rules and variables that propagate through a design system. Designers can define high-level intents (like adapt to content density) and let components resolve spacing, typography, and iconography automatically.

A new on-canvas assistant proposes component variants based on usage context and recent edits, with one-click conversion from suggested state to a managed variant. Figma also introduced an audit view that surfaces which variants were machine-generated and which were hand-crafted, improving maintainability for large systems.

Figma notes that the update includes export hooks so engineers receive deterministic outputs despite generative inputs, and it supports plugin authors via a well-documented API. Early studio benchmarks show time-to-prototype dropping by as much as 30% on multi-screen flows.