In a significant step toward converging design and engineering workflows, Figma has partnered with Anthropic to launch “Code to Canvas,” a feature that transforms AI-generated interface code into fully editable design assets within Figma.

The integration allows teams to convert functional UI code produced by Claude into structured frames and reusable components inside the design environment. Instead of manually recreating interfaces, designers can import working code and immediately refine text, spacing, layout, and visual hierarchy while preserving structural integrity.

This innovation reduces friction between product design and front-end development, effectively reversing the traditional workflow in which design precedes code. As enterprises increasingly rely on AI to generate production-ready interfaces, Code to Canvas enables faster prototyping, streamlined reviews, and collaborative iteration within a unified ecosystem.

The move signals a broader shift toward AI-native product development, where intelligent automation and human creativity operate in tandem.