Figma debuts Variants 2.0 with AI-driven responsive components and conditional states

Design · 4 min read

Figma announced Variants 2.0, a major overhaul of its components system that introduces conditional states, responsive constraints powered by an embedded model, and an AI assistant that suggests compact variant trees. The feature surfaces recommended variant reductions, merging similar states and proposing property-driven rules to express behavior rather than duplicating assets.

Designers can now define 'intent rules' in plain language (for example, "hide label when container width < 160px and icon-only mode is enabled"), and Figma's engine translates those into variant logic and runtime CSS/SwiftUI rules. The update includes an audit view that highlights variant redundancy, accessibility regressions, and cross-platform mapping problems.

Figma says the AI models run client-side for most suggestions, with opt-in cloud checking for larger design systems. The company also shipped a migration assistant to convert existing projects without breaking developer integrations or tokens, and enterprise customers can lock proposal changes behind review workflows.