Claude Design Assistant
AI-powered design assistant that creates and edits Figma components via natural language prompts
Plugin Preview
About this plugin
Claude Design Assistant brings the power of Claude AI directly into your Figma workflow. Simply type what you want in plain English and watch your designs come to life.What you can do:- Create UI components like buttons, cards, forms, and navigation bars from a text prompt- Generate component sets with 16 variants automatically — 4 states (Default, Filled, Error, Disabled) × 4 sizes (L, M, S, XS) — laid out in a clean labeled grid- Modify existing layers — change colors, resize, reposition, add shadows, adjust corner radius, opacity, blend modes, and more- Build full design system elements including color tokens and typography scales- Switch to Chat Mode to consult Claude as a design advisor — it guides you through component structure, use cases, and states before you build- Define your own consultation script via the Settings panel to customize how Claude communicates with youHow it works:1. Open the plugin — your Anthropic API key is saved automatically after the first use2. In Design Mode, select layers to modify or leave nothing selected to create from scratch3. Type your prompt and hit Enter — Claude will execute the changes directly on your canvas4. Switch to Chat Mode anytime to get design guidance, brainstorm component structures, or plan your design systemNOTE: Requires an Anthropic API key. A free trial is available at console.anthropic.com.I'd appreciate your feedback: TG @trulybasic
Plugin Details
| Version | 2 |
|---|---|
| Created | February 27, 2026 |
| Last Updated | March 10, 2026 |
| Category | Uncategorized |
| Creator | Aleksei S |
| Stats | 860 installs, 24 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.anthropic.com
More Like This
Discover other plugins in the same category.