Figma Lets AI Agents Work Directly on Design Canvases

Anthropic developed Claude Code as an agentic tool that can inspect repositories, edit software and run tests from a terminal. Connecting it with Claude Design narrows a longstanding gap between interface mockups and production code: developers can explore visual directions using an existing project’s components and brand rules, then continue implementation without exporting static files or rebuilding the design by hand. The integration puts design iteration and software development in a shared workflow.

Anthropic released the update on June 17, 2026, adding the /design command for creating, editing and synchronizing design projects without leaving Claude Code. Users can generate and refine multiple editable canvases, turn existing code into a live prototype and hand a selected direction back to Claude Code for implementation. Anthropic said more than 1 million people used Claude Design in its first week. The beta is included with Pro, Max, Team and Enterprise subscriptions, although Enterprise administrators must enable it.

As AI-powered website generation becomes more widespread, interfaces created by AI agents often look generic, lack visual appeal and fail to reflect a brand’s identity. To address this technical limitation, the open-source community is promoting structured brand design guidelines that AI can interpret accurately and follow. The approach represents a major shift in web development and a key step toward making AI collaboration more practical.

The open-source GitHub project awesome-design-md set a new record in July 2026, surpassing 100,000 stars in just three months. The project is completely free and open source, with no licensing fees, and includes DESIGN.md specifications for 73 well-known brands. Developers can simply copy them into their projects to enable AI to generate interfaces in the same style.