开发者在 V2EX 分享了一款名为 local-figma 的开源本地工具(Apache-2.0 协议),旨在解决 AI 编程(Vibe Coding)工作流中的界面方案探索问题。使用 AI 生成可运行页面后,开发者往往希望在 Figma 中调整布局、复制多个变体并排比较,但官方 MCP 写入设计稿需要 Figma Full 付费席位。local-figma 的核心功能是将已运行起来的页面还原为 Figma 中原生可编辑的设计稿,无需购买 Figma 会员。该工具有三个特点:一是开源免费,成本仅为 Agent 的 token 消耗;二是完全本地化,CLI 与桥接服务均在本机运行,设计文件不经过第三方服务器;三是支持接入用户自己的 Agent,如 Claude Code、Codex 等能执行命令、读取图像的工具,prompt 与流程可自行定制。具体流程为:本地启动 bridge 服务并在 Figma 桌面端导入开发插件,显示已连接;将目标页面交给 Agent 并下达转换指令;Agent 读取页面布局、文字和素材后,在 Figma 中重建出可编辑图层;随后在 Figma 中复制多个方案并排调整比较,确定后再决定是否改回代码。项目代码已在 GitHub 开源,作者同时提供了详细文档,并邀请用户在 GitHub 提交 issue 反馈问题。
事件分析
该工具折射出 AI 编程工作流中设计环节的补位需求:代码先行、设计后置的开发方式正在催生’页面转设计稿’的反向工具链。技术实现上,其通过本地桥接服务配合 Figma 桌面端插件完成图层写入,绕过了官方 MCP 对付费席位的限制,这种社区驱动的绕行方案与 Figma 的商业化策略形成张力,后续可能面临官方接口策略调整或被收编两种走向。从产业视角看,AI 正在模糊设计与开发的边界,’从可运行页面反推设计’的逆向流程一旦被验证有效,或将影响设计工具的定价体系与团队协作模式。项目值得关注的风险点在于复杂页面的图层还原精度、与 Figma 版本更新的兼容性,以及本地桥接方案的长期维护成本。
核心观点:AI 编程让代码先于设计诞生,'页面反推设计稿'的逆向工具正在动摇设计软件的价值链与席位收费逻辑。
原文链接:V2EX 分享发现