dsh figma 是什么？DeepSeek Harness 设计稿接入类 DSH plugin 解析

dsh figma 指的是 DeepSeek Harness 生态里「设计稿接入」这一类 DSH plugin——它们把 Figma 设计稿或画图流程接进会话，让 agent 能读设计稿、抽文案、编译动画，而不必在外部工具之间来回搬运（来源）。 社区里确有 Figma 相关实现，这篇从「解决什么」「怎么装与用」「适用与替代」三个方向讲清。

DSH plugin 概览：设计稿类插件的定位

设计稿类 DSH plugin 的位置，是把「设计侧资产」与「Harness 会话」连起来。 它可归成两条线：

一句话先记住：一条线把设计稿「读进来」，另一条线把设计资产「编出去」。 本文按三个方向展开：解决什么、怎么装与用、适用与替代。

DSH plugin 解决什么：把设计稿与画图流程接进 Harness

这类 DSH plugin 解决的，是设计与开发之间「资产搬运」的摩擦。 具体补三块：

1. 省掉手工配置 — 传统接 MCP 客户端要手拼 token、写请求头，容易写错；设计稿接入插件把这件事压成卡片上的一次点击（来源）。预期：授权从「配半天」变成「点一下」。
2. 让 agent 直接读设计稿 — 授权后 agent 可调用工具读取设计稿内容、提取文案，进入对话流程。预期：设计稿信息可以直接被会话引用。
3. 把设计资产转成代码可用的文件 — 用自然语言描述动画，agent 调用编译工具产出可用的动画 JSON，无需打开设计软件（来源）。预期：设计资产快速变成为前端可用的产物。

它和办公套件类插件的方向不同：办公套件偏文档与表格的生产，设计稿接入偏「读设计、出资产」，两者不重叠。

DSH plugin 怎么装与用：Figma 授权、Lottie 编译与本地预览

安装都走标准命令或插件市场，用起来的关键在授权与工具调用。 逐个给步骤：

1. 装 Figma 授权插件 — 执行 dsh plugin --profile web add dsh-figma-mcp，或到 DSH Plugin Hub 搜 figma 找到 dsh-figma-mcp。预期：插件进入 web profile，安装无报错。
2. 重启并一键授权 — 重启 dsh web，在设置卡片上点授权，走一次浏览器 OAuth。预期：卡片显示已连接状态；token 临期时会静默刷新，断开时清理本地凭据。
3. 在会话里读取设计稿 — 授权后让 agent 调用 mcp__figma__* 工具读取设计稿、抽取文案。预期：agent 能返回设计稿里的文本与结构信息。
4. 装 Lottie 编译插件并生成动画 — 安装 dsh-figma-to-lottie（dsh plugin --profile web add github:zimai233/dsh-figma-to-lottie），再用自然语言描述动画，让 agent 调用编译生成 .lottie.json。预期：产出可用的 Lottie JSON，支持矩形、路径、图片与文字四类图层。
5. 用本地预览插件看图表 — 需要查看流程图时，装 dsh-drawio，从文件树点开 .drawio 即在侧边栏渲染。预期：图表直接可见，不用面对 mxGraph XML 源码。

dsh-figma-mcp 的四态卡片怎么看

dsh-figma-mcp 把授权过程收进设置卡片，卡片随状态给出四种提示，你不用记任何命令。 一张卡走完四种状态：

1. 未连接 — 卡片提示尚未连接，点「授权」即拉起浏览器 OAuth，登录 Figma 并授权应用。预期：授权完成后卡片转为已连接。
2. 已连接 — 卡片显示已连接与 token 状态，agent 此时可调用 mcp__figma__* 工具读取设计稿、抽取文案。预期：会话里能返回设计稿文本与结构。
3. 续期中 — token 临期时卡片会静默刷新，无需重开浏览器；刷新不成功则退回上一状态重新授权。预期：长时间挂着也不轻易掉线。
4. 已断开 — 手动断开或授权失效时，卡片会清理本机保存的凭据，不留残余。预期：本机不再存有 Figma 凭据。

这些能力在插件条目里都能对上：一键 OAuth、token 状态卡片、静默刷新与重新授权、完整 token 复制、断开时清理本地凭据，装的仍是标准命令 dsh plugin --profile web add dsh-figma-mcp（来源）。

dsh-figma-to-lottie 的四类图层参数

dsh-figma-to-lottie 把 SVG 路径与关键帧编译成自包含的 .lottie.json，agent 调用 lottie_compile 生成，支持矩形、路径、图片、文字四种图层。 每类图层各填各的参数：

1. 矩形（rect） — 给出位置、尺寸与圆角，用来画色块、按钮底与卡片。预期：生成的 JSON 里出现对应矩形形状层。
2. 路径（path） — 承接 SVG 的路径数据（d），把矢量轮廓转成 Lottie 形状。预期：复杂轮廓能按路径播放。
3. 图片（image） — 引用位图资源与尺寸，把外部位图放进动画。预期：动画里出现位图图层。
4. 文字（text） — 指定内容、字体与字号，文字随动画出场。预期：文字图层在时间轴上按关键帧显示。

它零构建步骤、纯 ESM，装完就能在对话里描述动画，不必打开任何设计软件——这也正是它和「设计稿读入」那条线最大的差别：一个读进来，一个编出去（来源）。

DSH plugin 的适用与替代：drawio 与 PPT 类

如果 Figma 那两条线都不贴合你的场景，就转向画图与文档类替代。 对照看：

1. 图表预览替代 — dsh-drawio 在 Web 侧边栏把 .drawio 源文件渲染成流程图，只读、惰性渲染，兼容明文与压缩两种保存格式，完全本地渲染、无数据外传（来源）。适合：画的是流程图、架构图，不是 UI 设计稿的人。
2. 演示文稿替代 — dsh-ppt-studio 把 Markdown 或附件转成自包含 HTML 幻灯片、可编辑 .pptx 与 JSON 清单，内置五种主题、支持公司母版（来源）。适合：要的是演示稿而非设计稿的人。
3. 怎么判断该用哪条线 — 要读设计源文件、拿文案与结构选 Figma 接入；要产动画资产选 Lottie 编译；要「看图表源码之外的图形」选 drawio；要「从文本产演示」选 PPT 类。预期：按产物类型对号入座，不硬套。

再补一个判断维度：看数据要不要出本机。dsh-figma-mcp 走 OAuth，是这里唯一需要联网授权的一条线；dsh-drawio 完全本地渲染、数据不出本机，敏感流程图更放心；dsh-ppt-studio 从 Markdown 本地产出幻灯片与可编辑 .pptx，也不依赖外部设计软件。把「产物是什么」和「数据在哪儿处理」两条一起看，就不容易装错（来源）。

使用 DSH plugin 的注意事项与局限

设计稿类 DSH插件（DeepSeek插件）好用，但有几点边界要清楚。 逐条如下：

1. 凭据只在插件内走：Figma 授权用 OAuth 完成，别把 token 贴进聊天或写入公开配置。
2. 授权会过期：token 可能失效，卡片支持重新授权与静默刷新，断开时注意本地凭据是否清理干净。
3. 本地渲染更稳：像 drawio 这类完全本地渲染的实现，数据不出本机，敏感图表更放心。
4. 能力有边界：Figma 接入偏「读」，Lottie 编译偏「转」，别指望一个插件包办设计到上线的全流程。
5. 预览期兼容：DeepSeek Harness 仍在预览阶段，装前核对条目标注的兼容版本，升级后异常先看是否有可更新版本。

这类插件本质也是装插件、管插件——与其在多个仓库之间找 Figma、drawio、PPT 各种包并逐个手动配，不如让 DeepSeek Harness 的 DSH Plugin Hub 在一个市场里把它们找齐：浏览、一键安装、卸载与更新检测集中在一处，代理与镜像在「设置」页统一配置。

来源：dsh-figma-mcp（dsh-plugin.org）、dsh-figma-to-lottie（dsh-plugin.org）、dsh-drawio（dsh-plugin.org）、dsh CLI README。