Using Claude and Figma MCP to automate UI assembly
- Source
- How I used AI to close the gap in UI design workflow
- Published
- Mai Sarah•6 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
- How I used AI to close the gap in UI design workflowstampede-design.com
- Published by
- Stampede: the strategic design & technology company
- Published
- 6 April 2026
- Written by
- Mai Sarah
- Type
- Original reporting