Haelo
AI & Design

Carleton shows how connecting Figma's DS to AI tools curbs generic output

Source
Design Systems with AI
Published
James Carleton28 July 2025

James Carleton's post walks through a specific workflow: connecting a Figma design system to AI code tools like Figma Make and Figma's new Dev Mode MCP server, so generated code follows existing variables, components, and naming rather than guessing. He includes actual prompts, like a button-component request specifying states, sizes, and variable usage, plus demos from Joey Banks and Romina Kavcic. The piece doesn't measure output quality against hand-coded work, but the mechanics are concrete enough that a design-systems team could replicate the setup and judge the results themselves.

Sources