开发者在 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 分享发现
评论前必须登录！
立即登录 注册