崔添翼点赞！开源插件让DeepSeek Harness操作Figma画UI做动效

开发者Douasa最近在X平台上，分享自己开发的DSH-to-Figma插件已经更新到0.3.5版本，该贴意外获得了崔添翼的点赞。

获得崔添翼关注的这个项目，是一个能够让DeepSeek Harness（DSH）直接操作Figma设计画布的开源插件。

要使用这个插件，首先需要下载Figma桌面版。

接着，将以下提示词输入DSH，自动安装插件：

帮我安装或升级 DSH to Figma：
Duoasa/DSH-to-Figma
按仓库的 docs/setup.md，使用当前宿主的 CLI、profile 和 DSH_HOME，安装 dsh-to-figma@latest，保留现有配置，使用 local 模式。安装后调用 figma_setup，给我本机 manifest.json 的路径并指导导入 Figma。若已安装，更新原目录并提醒我重新运行 Figma 插件，最后用 figma_status 确认连接。

当Figma画布中出现DSH to Figma的连接提示框，并显示已连接状态时，就说明DeepSeek Harness已经成功接入Figma。

注意：这个提示框是插件保持连接、控制Figma画布的重要窗口，请不要将其关闭！保持该窗口开启，DeepSeek Harness才能继续读取和修改Figma中的设计内容。

在创建界面时，用户可以让DeepSeek Harness根据一段文字需求，直接在Figma中创建页面、画板、文本和矢量图形，并通过自动布局组织不同元素之间的关系。

如果已经有一张参考截图，也可以让DeepSeek Harness根据截图重建界面。

我给了DSH一张DeepSeek的web界面图，让它来画。

收到任务后，DeepSeek Harness并没有直接开始绘制，它先分析了目标画板的尺寸、现有图层和设计内容，并询问我希望采用哪种复刻精度。

这里提供了三种不同的生成策略：平衡复刻、快速布局和精细复刻。

我选择了平衡复刻，随后让DeepSeek Harness继续执行绘制任务。

最终，DSH直接在Figma中生成了对应的页面。

生成的内容由多个独立的设计元素组成。可以在左侧图层面板中查看页面结构，单独选中其中的文字、图形和Frame，再进行后续调整。

DSH-to-Figma提供了截图和视觉验证能力。

它自动对Figma画布进行截图，并通过DSH原生的图像附件机制将截图返回，让DSH结合实际画面检查布局和修改效果。

除了UI设计，DSH-to-Figma还支持Figma中的部分原生动效能力。

包括创建和调整关键帧、文字动画、动画样式以及时间线信息，并能够读取已有动效，将部分动效属性转换为CSS。

我让DSH给上面生成的页面做一个动效。

生成的动画如下，挺自然的。

动效生成完，用户仍然能够在Figma原生时间线中继续编辑，实现创作流程的无缝衔接。

此外，项目还支持通过编辑器提供的原生接口导出MP4、GIF和WebM等格式。

DSH-to-Figma通过DSH插件机制向DeepSeek Harness注册一系列Figma操作工具，让模型能够根据用户指令调用相应功能。

当模型发起工具调用后，DSH-to-Figma会通过本地桥接服务，将操作请求传递给Figma桌面端运行的配套插件，再由后者调用Figma公开的Plugin API，完成画布读取、图层创建、属性修改和素材导出等操作。

首次安装时，DSH会自动生成与当前电脑配对的Figma配套插件。用户只需要在Figma中导入一次manifest文件，启动配套插件即可建立连接。

DSH-to-Figma还内置了figma-workbench技能，为模型提供画布操作、设计转代码、组件与变量管理等专项指南，帮助模型更好地理解和执行设计任务。

项目默认采用Local本地模式，不需要依赖官方Figma MCP进行画布操作，因此不会消耗官方MCP调用额度。