local-figma: Open-Source Design Reverse Tool

No Figma subscription needed: turn running web pages into editable designs and explore variants.

Problem

After vibe-coding a working page with AI, developers want to explore different UI options by importing the page into Figma for side-by-side comparison, but Figma's official MCP write requires a paid Full seat. The workflow is fragmented. Users need a local, free tool to extract page structure from the browser and generate editable design files.

Solution

An open-source local tool (browser extension + CLI) that extracts DOM, styles, and images from a running page, converts them into an importable Figma format or a lightweight local design canvas. Users can duplicate variants, tweak layout, change colors, and export back to code or images. Runs entirely locally, no Figma account required.

Users

Indie developers, vibe-coding enthusiasts, small design teams who already generate front-end code with AI but need fast visual iteration.

MVP

Browser extension captures page as JSON (DOM+CSS); local service converts JSON to .fig or SVG for Figma import; a simple local web canvas to arrange multiple variants; export to static images or HTML+CSS.

Revenue

Open-core (Apache-2.0), with paid cloud sync, team collaboration, and advanced export formats (e.g., React components) via subscription ($9/mo).

Why now

AI coding tools make UI generation and iteration frequent, but design tools remain expensive and heavy; a local, low-cost solution has clear demand and the tech stack (browser extension + file conversion) suits indie developers.