Figma announces 'Figma AI Assist 2.0' with code-to-design parity

Design · 6 min read

Figma released AI Assist 2.0, enabling a tighter loop between designers and engineers by translating React/HTML/CSS into editable Figma frames and reconstructing component structure from code. The tool tries to preserve constraints, responsive rules, and CSS variables so design adjustments can be round-tripped back into code. Figma highlighted enterprise integration, allowing teams to sync design tokens directly into codebases.

The release also improves prompt-based component generation with style-aware defaults drawn from a team's shared design system. Figma's model now suggests className and token assignments based on detected patterns and enforces accessibility markers such as ARIA attributes. The new plugin API expands hooks for custom model prompts and team-specific style preferences.

Design teams testing the beta praised the reduction in repetitive translation tasks, though they warned of occasional mismatches when designers use advanced CSS features not represented in common patterns. Figma plans to iterate on edge cases and open a marketplace for third-party connectors that can map Figma components to bespoke front-end frameworks.