AI 与创作
DesignAgent:给 Claude Code 装上 Figma 画布的眼与手
DesignAgent 把「改稿—还原—出码」收成 Claude Code 与 Figma 的本机双向环,而不用截图来回贴。
designagent 是面向设计师的 Claude Code 插件:通过本地 WebSocket 桥接配套 Figma 插件,让 Claude 实时读选区、建/改 frame 与 Auto Layout、html_to_design、导出 DESIGN.md,再用 design-to-code skill 按 token 出生产 UI。近期 v0.23.0 加入 place_icon/place_svg/place_lottie、capture_simulator(把 iOS Simulator 截进 Figma),以及把 Claude Design 导出渲成可编辑 frame 的 skill。数据默认只走本机桥。
designagent.dev 写明 live two-way bridge 与 v0.23.0 changelog;安装 /plugin marketplace add sherizan/designagent。
为什么值得看
已在用 Claude Code/Cursor 的设计师,可把设计系统还原与快速搭屏收进同一环;适合「画布即源」的协作。
可以试试
在本机装插件后先对一个简单 frame 跑通读选区→改 Auto Layout→导出 DESIGN.md,再决定是否纳入团队演示。