最近做了个 DSH to Figma 插件,让 DSH 能直接操作 Figma 画布。目前可以: 读取设计稿的图层、布局、样式、组件和变量 根据文字需求创建界面,或配合视觉模型把参考截图还原成可编辑图层 修改文案、颜色、间距、尺寸和自动布局,批量调整已有设计 创建和调整组件、变体、样式与设计变量 导入图片和 SVG ,截图检查结果,导出 PNG 、JPG 、SVG 、PDF 等素材 把设计结构、CSS 和素材交给 DSH ,结合当前项目生成或修改前端代码 插件负责把画布操作能力接给模型,具体怎么组织设计、拆解任务、反复修改,主要看模型的能力和你的需求描述,也受 Figma 开放 API 的范围限制。 插件使用本地模式不消耗官方 MCP 调用额度。 首次在 Figma 导入一次配套插件,之后打开就能连。UI 不再需要一张张的画,建立好资产和设计规范后直接批量出可编辑画板。 代码、安装方法和实测截图都在仓库,有需要的可以试试,遇到问题直接提 Issue 。 开源地址: https://github.com/Duoasa/DSH-to-Figma