Figma adds Generative Components and Live Prototyping powered by in-house models

Design · 4 min read

Generative Components let designers describe a component’s intent—e.g., “email list with unread badges and image avatars”—and Figma generates responsive layers, constraints and variants that adapt across breakpoints. The company says components are editable and preserve design-system rules to avoid drifting from brand standards.

Live Prototyping populates states and microinteractions (hover, transition timing, edge-case flows) based on a higher-level flow description, producing ready-to-test prototypes without manual state wiring. Figma emphasized that all generation runs inside secure enterprise sandboxes for customers who require strict data controls.

To help adoption, Figma released templates and a new plugin API so third-party tools can tap into generative workflows. Early testers report notable savings in prototyping time; teams still need to review accessibility and edge-case behavior generated by the model.