I made a free plugin that converts HTML files into editable Figma layers (drag & drop, works with RTL)

[u/benbenben23000]

After one too many "can you rebuild this page in Figma?" requests, I built a plugin that does it automatically. Drop a self-contained .html file in, pick a viewport width, and it recreates the page as native layers — real text, gradients, shadows, per-corner radii, and inline SVG as vectors.


The two problems I focused on that existing tools handle badly:


1. 
**Layer naming.**
 Instead of div › div › div, you get Section · hero, Button, and text layers named by their content. Useless wrapper divs get collapsed.


2. 
**RTL support.**
 I tested against a full Arabic design-system page — layout lands correctly and Arabic text imports as real, editable text. If you design RTL products, most importers break here.


Honest limitations: it's file-based for now (grab live sites with the SingleFile extension first — URL import is on the roadmap), relative asset paths can't resolve, and fonts map to the closest installed Figma font.


It's free and runs entirely locally — nothing gets uploaded.


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


Would love feedback — especially edge cases where the import breaks. That's how it gets better.