DSH-to-Figma

客户端更新于 2026.10.18

在终端中运行以下命令：

dsh plugin install Duoasa/DSH-to-Figma

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在 DeepSeek Harness 对话中说明要从 https://github.com/Duoasa/DSH-to-Figma 安装 DSH-to-Figma 插件，并允许使用终端与本地安装权限，按助手指引完成 dsh plugin install 或 Releases 包安装后重启宿主并确认插件已运行。

插件介绍

设计稿和代码之间往往隔着截图、口头描述和反复对齐，而 Figma 里的真实图层又很难直接喂给 Harness 里的智能体。DSH-to-Figma 把 Figma 画布能力接进 DeepSeek Harness：一侧是原生 DSH 插件，一侧是自动配对、一次导入即可连接的 Figma 伴侣，在本地模式下通过 Figma Plugin API 读写当前文档，无需另起一套 agent 分叉，也无需在推荐流程里复制配对令牌。

核心能力围绕「可编辑的设计工作」展开。你可以让 DSH 检视选中画框的图层树、布局、样式与 CSS、组件信息，并拿到画布截图或导出 SVG、PNG 等素材到工作区；也可以根据参考图或文字描述在文件里创建与调整 Frame、文本、自动布局、组件与变量。常见路径包括：已有 UI 帧落地为 React/Vue 等前端页、参考图重建为可编辑 Figma UI、批量改文案与间距并回读截图验收、复用本页组件与设计变量、以及素材交接与实现后的视觉对照。

它适合在 Harness 里同时开着代码工作区的设计—开发协作场景：前端工程师要把定稿帧实现进现有项目并复用组件约定，设计师或产品希望快速搭可改稿的界面原型，或需要在 Figma 里小步迭代并随时让模型读回结果。需要说明的是，这些工作流可组合使用，并不等于自动双向同步或像素级保证；交互逻辑、响应式规则与后端仍依赖项目需求，本地模式也不会调用 Figma 云端代码生成。