Figma via
Claude Code
Using Claude Code and the Figma API to generate editable Figma designs from a text prompt. No manual design work. Conversation in — editable file out. A first attempt.
The Idea
What if you could design in Figma without opening Figma?
Designers spend enormous time in Figma — building frames, placing components, adjusting constraints. What if you could describe the design in plain language and have it appear in Figma, already editable, ready to refine?
This experiment uses Claude Code + the Figma REST API to write scripts that generate Figma nodes programmatically. The goal: a real editable Figma file, not a screenshot, not an export — a live file you can continue designing in.
"This is the one I've never tried before. I genuinely don't know if it'll work the way I'm imagining — and that's exactly why I'm doing it."
Status
- Research Figma API — understand node creation, component placement, and token support
- First prototype — generate a simple layout frame via Claude Code + API
- Iterate — add typography, colour tokens, and auto layout support
- Document results — what worked, what didn't, what's possible
Tools