Figma ships Live Components powered by on-device LLMs

Design · 5 min read

Figma's new Live Components feature runs a lightweight LLM locally in the desktop app to infer component props, responsive behaviors, and usage notes as designers edit. Rather than sending artboards to the cloud, designers get instant suggestions for text truncation rules, auto-resizing constraints, and token mappings.

Live Components also auto-generate usage documentation for components—examples, dos and don'ts, and recommended accessibility labels—based on the component's structure. Teams can opt into sharing anonymized telemetry to improve suggestions, but the default is on-device inference to protect proprietary UI patterns.

Figma has opened a plugin API to let third parties extend Live Components with domain-specific models (e.g., commerce, finance). Early partners include a11y auditing vendors and design token managers who can push rule sets into the local inference engine.