DesignAgent - Claude Bridge

DesignAgent gives Claude Code hands and eyes inside Figma. Connect the bridge and Claude can see your current selection, build and edit the design right on the canvas so a designer in Figma and a developer in Claude Code work from one shared, always-current source of truth.

What you can doLet Claude work in your file create and edit frames, text, styles, components, Auto Layout and more driven from Claude Code.

How to connectInstall the DesignAgent companion for Claude Code (Claude Code marketplace: designagent).

In your terminal, open your project and run claude./plugin marketplace add sherizan/designagent/plugin install designagent@designagentTo update:/plugins designagent -> Update now -> /reload-pluginsOpen this plugin in Figma and click Start on the Claude bridge bar, the dot turns green.

Ask Claude for what you want. If you have several projects open, pick which one in the project picker.

PrivacyThe plugin talks only to a local bridge on your own machine (localhost). It makes no other network requests: no design data leaves your computer.