html.to.design
html.to.design
Figma plugin that imports any live website into a fully editable Figma document.
Updated
The read
html.to.design captures a webpage via URL or Chrome extension and reconstructs it as native Figma layers with auto-layout, components, and hover-state variants intact. It handles desktop, tablet, and mobile viewport sizes in a single import, making it useful for competitive benchmarking and redesign starting points. The plugin integrates with Figma MCP for AI-assisted iteration on top of imported content. Imports of pages behind authentication or paywalls require the Chrome extension, adding a setup step for first-time users.
Where it shines
- Multi-viewport import in one pass covering desktop, tablet, and mobile
- Reconstructs hover states as Figma component variants
- Free tier covers 10 imports per month with no card required
Worth knowing first
- Paid plan required for bulk or high-resolution imports
- Chromium browser required for capturing login-gated pages
Index score
75.5
Provisional. This score is read from the product's public capability, not from the one-prompt rebuild the fully reviewed entries went through, so treat it as a placing rather than a verdict.
- Rank
- 48 of 101
- Builds
- Web
- Category
- Design-first
- Output
- Editable Figma file
- Pricing
- Free tier
- Best for
- Designers benchmarking or redesigning existing sites
Scores are our own editorial judgement, weighted craft 30, speed 25, control 25 and value 20.
Also worth a look
Full index- 04Framerframer.comA designer's canvas with AI doing the tedious parts.Design-firstFree tier86.3
- 10RecraftRecraftProvisionalAI image and vector generation platform with brand-style controls and editable SVG output.Design-firstFree tier82.2
- 11Subframesubframe.comProvisionalA design tool where code is the output, not an export.Design-firstFree tier81.6
