figma-kit
liveAI-powered Figma design from the command line.
Demo
figma-kit executing a sequence of design commands, following instructions from a prompt via Claude Code.
Live embed of the Figma file created by figma-kit — pan, zoom, and inspect. This is the actual design.
Overview
figma-kit is a single Go binary that makes AI-driven Figma design practical. Describe what you want in plain English — your AI agent picks the right commands, sequences them, and the Figma MCP server executes them on the canvas.
It ships with 150+ commands across 8 layers of abstraction. From node create frame all the way up to make carousel --content slides.yml. The idea is a composable vocabulary an AI can reason about without you hand-holding the canvas.
Context
A close friend was interviewing for a design role with a serious catch: she had one week to deliver a complete marketing rebrand for a company — including a full website designed in Figma. Her strengths were design, branding, and aesthetic vision. Neither of us had meaningful Figma experience — I had barely opened the app.
I built figma-kit over two days while she tested and iterated in real time. It let her work in Cursor — also for the first time — and build the entire Figma foundation through natural language. Instead of spending that week climbing a steep learning curve, she focused on what she was genuinely great at: the brand identity, color theory, layout instincts, all of it.
She got the job.
That story is the actual reason this exists. I put it together by connecting multiple existing tools — the Figma MCP server, the Claude API, a Go CLI layer — and abstracting them into something an AI could orchestrate intelligently, even before Figma had built a native workflow for it.
How it works
figma-kit runs as an MCP (Model Context Protocol) server. Your AI agent reads the tool catalog and decides which commands to sequence. You describe the outcome; figma-kit handles the Figma API calls.
It also runs standalone with figma-kit exec for direct MCP execution — useful for scripting, CI, and automation pipelines that don't involve an AI in the loop.
- —Homebrew-installable on macOS and Linux
- —Compatible with Cursor, Claude Code, and any MCP client
- —8 abstraction layers from atomic primitives to full page layouts
- —Ships with a Prompt Cookbook — 15 complete real-world sessions
- —Themes, components, layouts, QA — all from the CLI
Eating the dog food
Theme extraction and component generation in a single CLI session
The figma-kit website was designed in Figma — using figma-kit. Then built out. The homepage embeds the Figma source file directly, so you can view the design document for the website... on the website... made with the tool that generated it.
I genuinely believe in using what I build. Ideally in the most recursive way possible. In this case it means figma-kit's own marketing was designed by figma-kit, which is either a very good demo or a sign I need to get out more. Probably both.
Check the site — it's a live example of what the tool actually produces.