Sketch Rolls Out 'Live Components' with AI-Powered Prop Suggestions

Design · 5 min read

Bohemian Coding shipped Sketch 84 with Live Components, a feature that allows components to ship with dynamic props and state maps that reflect real-world data. Designers can use a new inspector to bind component properties to sample datasets, making prototypes behave more like production interfaces.

A built-in AI assistant analyzes uploaded CSVs, JSON APIs or Figma imports and suggests prop types, default values and edge cases. The assistant also generates a suite of unit-like preview states so designers can quickly see how components respond to empty, long-string, and localized inputs.

The update supports collaborative editing: when a dev updates a prop schema in code, Sketch highlights mismatches and offers migration suggestions. Companies with existing design systems can sync tokens and component contracts through the Sketch Cloud API.