Skip to main content

html2figma — drop an HTML file, get native editable layers (free, RTL-ready)

  • August 13, 2026
  • 0 replies
  • 1 view

Ahmed Dr

Hi everyone — I just published my first plugin and would love your feedback.

 

**html2figma** converts a dropped .html file into native Figma layers:

 

- Real text layers with font family, weight, size, line-height, letter-spacing and alignment

- Fills, linear/radial gradients, borders, per-corner radii, shadows and blur

- Inline SVG imported as editable vectors

- Pixel-faithful positions read from the browser's rendered layout — flex, grid, floats all land exactly

- A tidy layer tree: wrapper divs collapsed, layers named semantically (Section, Button, or by text content)

- Full RTL support — tested on complete Arabic pages

 

Privacy: everything runs locally in the plugin; your file is never uploaded.

 

Tip: to import a live site, save it with the SingleFile browser extension first, then drop the file. Direct URL import is on my roadmap, along with batch import.

 

Install: https://www.figma.com/community/plugin/1668745510469345388

Site: https://html2figma.com

 

I'll be in the comments — bug reports and feature requests very welcome, especially tricky pages that break the import.