Back to Plugins
DesignAgent - Claude Bridge

DesignAgent - Claude Bridge

Claude Code's live bridge to Figma

Plugin Preview

DesignAgent - Claude Bridge preview

About this plugin

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.

Plugin Details

Version10
CreatedFebruary 14, 2026
Last UpdatedJuly 7, 2026
CategoryImport & export plugins
CreatorSherizan
Stats226 installs, 30 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Connects to the local DesignAgent bridge on localhost so Claude Code can read and edit your current Figma selection. No data leaves your machine.

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3790
    • ws://localhost:3790