Haelo
AI & Design

Using Claude and Figma MCP to automate UI assembly

Source
How I used AI to close the gap in UI design workflow
Published
Mai Sarah6 April 2026

Mai Sarah, a product designer at Stampede, describes connecting Claude to Figma through Console MCP to automate UI screen assembly, arguing that design work splits into taste, craft and assembly, and that only assembly is worth delegating. She reports testing the setup by feeding Claude project context and a wireframe, then having it generate derivative screens and component states for review rather than manual construction. She is candid about the cost: the workflow depends on a fully machine-readable design library, with complete variant states, annotated components and token-linked styles, work she calls a prerequisite most teams have not done. She also flags that vague prompts risk destructive edits and complex responsive logic still needs manual fixes.

Sources