local-figma 开源设计还原工具

无需 Figma 会员，将运行中的网页还原为可编辑设计稿并探索变体

痛点

vibe coding 用户在让 AI 生成可运行页面后，想探索不同界面方案时，需要将页面导入 Figma 进行并排比较和调整。但 Figma 官方 MCP 写入需要 Full 席位（付费），且流程割裂。用户希望有一个本地、免费的工具，能直接从浏览器提取页面结构，生成可编辑的设计文件。

方案

一个开源本地工具，通过浏览器扩展或 CLI，从运行中的页面提取 DOM、样式、图片等，转换为 Figma 可导入的格式（或直接生成一个轻量级本地设计画布），用户可以在其中复制变体、调整布局、换配色，并导出为代码或图片。全程本地运行，无需 Figma 账号。

用户

独立开发者、vibe coding 爱好者、小型设计团队，尤其是那些已经用 AI 生成前端代码但需要快速迭代视觉方案的人。

MVP

浏览器扩展一键捕获当前页面为 JSON（DOM+CSS）；本地服务将 JSON 转换为可导入 Figma 的 .fig 文件或 SVG；提供一个简易的本地 Web 画布，可拖拽排列多个变体；支持导出静态图片或 HTML+CSS。

变现

开源核心（Apache-2.0），通过提供云同步、团队协作、高级导出格式（如 React 组件）等增值功能收取订阅费（$9/月）。

为何现在

AI 编码工具普及后，开发者更频繁地生成和迭代 UI，但设计工具仍贵且重；本地化、低成本方案有明确需求，且技术栈（浏览器扩展 + 文件格式转换）适合独立开发。