HTML to Figma by dMaya

About this plugin

Free forever HTML to Figma converter. Unlimited conversions, no watermark, no signup, no paid tier. Convert HTML, CSS, Tailwind, React output, or any public URL into editable Figma layers in seconds.Built for the workflow most teams actually run in 2026: take output from an AI design or coding tool (Claude Code, Lovable, Bolt.new, Vercel v0, Cursor, Google Stitch, ChatGPT, Figma Make), bring it into Figma for refinement, stakeholder review, and design-system integration.How to use this plugin:Open https://dmaya.ai/html-to-figma in your browser.Paste HTML, drop an .html file, or enter a public URL.Click Convert.Click “Copy for Figma” or “Download payload”.In Figma, run HTML to Figma by dMaya.Paste or upload the payload inside the plugin.Edit the imported layers freely.How it works:The web app at dmaya.ai/html-to-figma renders your HTML in a real headless Chromium browser, extracts the computed DOM, normalizes the layout into Figma primitives (frames, text, vectors with auto-layout), and produces a payload. You paste or upload the payload inside this plugin and the rendered design appears as editable layers on your Figma canvas.What it convertsHTML and CSS (any framework, any source)Tailwind, Bootstrap, vanilla CSS, CSS-in-JSPublic URLs (live sites, Vercel previews, Lovable preview links, v0.dev URLs, Bolt.new previews)React component output (via rendered HTML from your browser)AI tool output: Claude Code, Lovable, Bolt, v0, Cursor, Stitch, Figma Make, ChatGPT artifactsWhat stays editableText nodes stay as text. Containers detected as flexbox/grid become Figma auto-layout. Vector shapes stay vector. Images stay images. Where the source uses CSS features Figma cannot represent (custom canvas, 3D transforms, complex filter chains), the converter falls back to a high-fidelity raster of just that region and flags it. You see exactly what is editable and what is rastered before importing.Why free foreverEvery other HTML to Figma converter limits the free tier: html.to.design is paid from around $15 per month after trial credits, Builder.io has a feature-gated free tier, Codia watermarks free output, Figma's own Claude Code MCP integration requires a Figma paid plan plus MCP setup. We took a different bet: ship the converter as a free unlimited utility, earn trust, and let people discover dMaya's paid design product (https://dmaya.ai) separately if they want it.We are also committed to improving it continuously, not shipping it once and leaving it behind. If a site, framework, or AI-generated page does not import properly yet, send us the URL or payload and tell us what broke at [email protected]. We will use real examples from users to improve the converter and push plugin/backend updates over time.PrivacyThe web app renders your HTML on dMaya's infrastructure using headless Chromium. We do not persist source HTML or output beyond the conversion request. Logs are minimal and retained for 30 days for debugging only. No training, no resale.For large pages, temporary image assets may be downloaded from dMaya's production asset domain during import so the copied payload stays fast. Assets stored in dMaya asset storage are deleted shortly after conversion; import the payload into Figma before those links expire, otherwise you will need to reconvert the website to generate a fresh JSON payload.About dMayadMaya (https://dmaya.ai) is the vibe design platform: multi-screen AI design generation on a canvas with model picker (Claude Opus, Sonnet, Gemini Flash) and clean HTML export to coding agents like Claude Code, Cursor, and Bolt. This plugin is one of dMaya's free tools, alongside the AI PRD Generator at https://dmaya.ai/tools/ai-prd-generator.Made by Dhairya Purohit and the dMaya team at https://dmaya.ai