Claude Design Finally. Claude Design, right inside Figma.
For the first time, Claude's AI-driven design works directly on your Figma canvas — no browser tab, no copy-paste. Subscribe, import the plugin with its manifest file, and connect Claude Design to your workspace.
Install locally · Connect to Figma · Enhance your design workflow with Claude.
Describe it. Watch Claude build it.
The real plugin panel, running right here. Pick an idea or type your own — Claude turns the prompt into editable Figma layers, bound to your design system.
↑ A faithful, in-browser run of the plugin panel. The desktop app does the same, live on your canvas.
One panel. The whole design workflow.
Claude reads your file — variables, components, the frame you selected — and acts on it directly. Everything it makes is native Figma, never a flat image.
Prompt to design
"A settings screen with tabs." "Dark empty state for the inbox." Claude lays it out on auto-layout, bound to your variables and text styles — real frames you can push, pull, and restyle.
System aware
It uses the variables, components, and modes you already have — light and dark come out together.
Seconds, not hours
Full screens, wireframes, components and icons appear as layers while you watch — no export, no copy-paste.
Edit by conversation
"Tighten the spacing." "Make tier two the hero." "Generate the hover state." Ask in plain language and Claude rewrites the selected layers in place — with a diff you can undo in one step.
Subscribe. Import. Connect.
A local plugin package, yours after checkout. Imported straight into Figma — no store listing, no waiting.
Subscribe
Check out once and download your Claude Design plugin package — a local bundle with its Figma manifest file.
Import locally
In Figma, import the plugin from its manifest file. It installs into your workspace in a couple of clicks.
Connect & design
The plugin links Claude Design to your file. Open the panel and bring AI-powered design into your workflow.
From one line of text to a finished screen.
Every output lands as real, editable Figma layers on your canvas — on auto-layout, bound to your variables, in light and dark.
Full designs
Complete screens and pages, composed and styled, ready to refine.
Wireframes
Low-fi structure and flows to pin down layout before the visuals.
Components
Buttons, cards and forms with every variant and state.
Icons
Named vector icons on a tidy grid, drawn on request.
Design systems
Colour, type and spacing tokens as variables with modes.
Mobile screens
Onboarding, checkout, profile and more — sized for device.
Built to sit safely in your real files.
No gimmicks. Claude Design works the way a serious design tool should — on your canvas, with your system, under your control.
Private by design
The plugin runs in your Figma file and installs locally from a manifest. Your work stays in your workspace.
Native Figma output
Everything arrives as real, editable layers — auto-layout, text styles, components. Never a flat image.
Uses your system
It reads the variables, components and modes you already have, so light and dark come out together, on-brand.
Secure checkout
Payments run through Lemon Squeezy. Subscribe once and download your plugin package straight away.
Questions, answered.
How do I install it?
Is this a Figma Community plugin?
Does my design data leave Figma?
What can it actually build?
Which Figma editor does it work in?
Bring Claude into Figma today.
Subscribe once, import the plugin from its manifest, and connect Claude Design to your workspace. Secure checkout via Lemon Squeezy.