搞了个 DSH 的 Figma 插件,告别重复的画图工作

17 小时 10 分钟前
 Duoasa
最近做了个 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
676 次点击
所在节点    设计
3 条回复
QUIOA
13 小时 37 分钟前
这个好啊,真不错
QUIOA
13 小时 36 分钟前
要是有 Codex 能用的就更好了
Duoasa
13 小时 32 分钟前
@QUIOA codex 自带这个功能,这个插件其实就是把 codex 的能力复制到 DSH 上

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1251532

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX