AI-powered Figma design from your terminal and AI agent.
150+ composable, theme-aware commands via the Figma MCP server.
Your AI agent does the thinking. figma-kit does the building.
Describe what you want in natural language — a landing page, a dashboard, a pitch deck.
Your agent picks the right figma-kit commands and composes them into a batch.
Each command emits optimized Plugin API JavaScript with theme tokens baked in.
MCP server executes the JS — your design appears instantly in the canvas.
card glass compresses 45 lines of Plugin API JS into a single CLI command with sensible defaults.
8 card styles, 29 UI components, 14 effects, 37 templates, DS generation, and QA audits.
Propagate colors, typography, spacing, and effects to every command with -t noir.
figma-kit exec sends JS to Figma via OAuth. No AI middleman required.
qa checklist walks every node checking contrast, touch targets, naming, and spacing.
Cursor, Claude Code, or standalone terminal. One Go binary. No Node.js, no plugins.
A URL, a screenshot, a description, or a brand guide. AI extracts context and builds.
Built-in themes or create your own. Every command inherits colors, typography, and spacing.
Dark mode with blue-teal accents. Glassmorphism-ready.
Clean professional palette. Works for any project.
Bright and airy. Perfect for documentation sites.
This entire marketing site was designed in Figma using figma-kit commands.
Every section, card, and theme token was generated programmatically.
Create or pick a theme with colors, fonts, and tokens.
Chain commands into a single optimized JS payload.
Run via AI agent or exec — design appears in Figma.
One command to install. Zero config to start.
This is a live embed of the Figma file created by figma-kit. Pan, zoom, inspect. It’s always in sync.