A design agent for Figma. A plugin for Claude Code.
Seven skills: the agent builds on your components and variables, or picks type and palette with you. Plans flows, builds screens and slides, writes text.
claude plugin marketplace add schudarin/chudarin-design-skills
claude plugin install chudarin@chudarin
Why
It never draws a look-alike frame instead of a component: it places an instance, and if the one you need is missing, it proposes adding it to the design system.
The agent doesn't learn the Figma API from scratch: the limits, the working approaches and the checks are written down, and it reads them before it writes.
What's inside
One plugin: it installs whole, with all seven skills inside. Some work in Figma, the rest are useful without it. The agent picks the right one for the task.
- chudarin-design-skills
- audit-design-system
Reads the file and reports what the design system holds: components, tokens, patterns, debt. Changes nothing by default.
- plan-user-flows
Maps the flow before anything is drawn: which screens and states you need, where the user comes in and leaves, how to lay it out across the file pages.
- design-screens
Builds new screens and edits approved ones: finds where the style comes from, writes a brief per screen, checks the result, changes one element at a time.
- design-slides
Makes and fixes presentations: plan and questions first, style from your template or brand, numbers checked against sources, the export checked.
- figma-fix-variable-bindings
Finds detached, orphaned and hardcoded values, shows you a report, and rebinds only after you approve it.
- figma-plugin-api-rules
Collects the cases where the Plugin API broke silently, and the way around each one. The agent loads it by itself, before it writes anything into your file.
- writing-texts
Writes and edits interface text, docs and articles in plain words. Learns how you write from your corrections and saves only what you approve.
How to start
- 01
Install the plugin with the commands above. You also need the Figma plugin and superpowers, their commands are in the README. Then restart the agent.
claude plugin marketplace add schudarin/chudarin-design-skills claude plugin install chudarin@chudarin - 02
Connect the agent to Figma: type /mcp, pick figma, and log in through the browser.
Check your Figma seat before installing: View and Collab give 6 to 20 reads a month, Dev and Full start at 200 a day. Limits in the Figma docs
- 03
Start the agent in your project folder and send a link to the frame along with the task.
- 04
First prompts
Eight tasks, at least one per skill; the agent also loads the Plugin API rules on its own. Start with the audit: the agent changes nothing and shows what it has to work with.
Review the design system on this page. Check which components and variables are available, where there are duplicates, and what’s missing. Don’t change anything yet.Plan a password reset flow for a web app, starting from the login screen. Describe the screens, transitions, and states, including errors and loading. Don’t design anything yet; let’s discuss the plan first.Build a profile settings screen where users can change their name, photo, and email address. Use our design system and follow the patterns in the rest of the product. If any components or states are missing, show me what needs to be added.Make a pitch deck from this doc. Show me the plan and your questions first, and don’t build any slides yet.Check this pitch deck before I send it. Fix only what’s broken and list everything else as suggestions.Check the colour, typography, spacing, and corner radius bindings on this page. Show me what’s become detached and what can be rebound to variables from our library.Before you change the file, load the Figma API rules. After each change, read the result back and show me that the variables actually bound.Rewrite the empty-state text on this screen in plain words. If I correct your wording, offer to save it to my voice.
Feedback
Tell me what worked, where you had to step in, and where the result diverged from what you expected. If something broke, send the session link or /export file.
The bundle grew out of my own work with an agent in Figma: the mistakes turned into rules. The cases and the blog are on my site.
PortfolioInstall the plugin
claude plugin marketplace add schudarin/chudarin-design-skills
claude plugin install chudarin@chudarin
The agent works inside your design system. It takes the components, variables and decisions already in the product instead of drawing its own.