Bi-directional
AI design
Design in Figma with Claude, Claude Code, or OpenAI Codex. Describe what you want in natural language and watch it appear on your canvas in real-time.
How it works
You describe it.
Claude builds it.
Natural language design
Describe what you want — a card, a layout, a full screen — and watch it appear on your Figma canvas in real-time.
Bi-directional sync
Changes flow both ways. Select a frame and ask Claude to modify it, or let Claude create from scratch.
15 MCP tools
Read, write, screenshot, inspect, export, manage variables — Claude has full access to your Figma document.
Multi-provider support
Use Claude Code, the Anthropic API, or OpenAI Codex. Switch between providers and models at any time.
Context-aware
Claude sees your current selection, page structure, and design system. It works with what you already have.
Style-guide aware
Built-in style guides and design guidelines ensure AI-generated designs follow best practices.
Under the hood
15 MCP tools.
Full Figma access.
Subtree connects to Figma via a local MCP server. Claude can read your document, write new nodes, take screenshots, manage variables, and more.
Providers
Your AI, your choice
Claude Code
CLIUse your Claude Code CLI subscription. Supports Opus, Sonnet & Haiku.
Anthropic API
APIBring your own API key for direct access to all Claude models.
OpenAI Codex
CLIConnect OpenAI Codex CLI for GPT-powered design.