HTML to Figma – AI-Generated HTML Importer by kaysensei

About this plugin

Turn AI-generated HTML into fully editable Figma layers — no manual rebuilding.Your AI coding agents (Claude Code, OpenAI Codex, Cursor, Replit, and others) can generate great HTML prototypes. This plugin imports that HTML into Figma as real, editable layers, so you can go from HTML to design without redrawing a screen.Drop in a self-contained .html file, hit Import, and get a clean Figma layer tree.How to use1. 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" and 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, and gradients• Shapes with backgrounds, borders, shadows, and corner radius• Material Symbols / icon fonts converted to crisp vectors• Page backgrounds, layout, and 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.