HTML to Figma – AI-Generated HTML Importer by kaysensei

**Turn AI-generated HTML into fully editable Figma layers — no manual rebuilding.**Your AI coding agents (Claude Code, OpenAI Codex, Cursor, Replit…) spit out great HTML prototypes. This plugin imports that HTML straight into Figma as real, editable layers — so you can go from HTML to design without redrawing a single screen.

Drop in a self-contained .html file, hit Import, and get a clean Figma layer tree.**How to use**1. Generate an HTML page with your AI tool — or use a self-contained .html file.

2. Run the plugin, then drop or paste your HTML.

3. Click "Import to Figma" — your editable layers appear on the canvas.**What you get**• Nested frames that mirror your HTML structure — not a flattened mess• Real text layers with fonts, weights, colors & gradients• Shapes with backgrounds, borders, shadows & corner radius• Material Symbols / icon fonts converted to crisp vectors• Page backgrounds, layout & spacing preservedGreat for designers who want to take HTML to Figma, convert HTML mockups, or hand off AI-built prototypes into a real design file.