HTML to Figma Importer
by 길선웅
Turn any HTML into native Figma frames instantly.
FreeFigma
Installs
58
Likes
10
Users
818
Views
643
Preview
About this plugin
Paste any HTML into Figma and get a pixel-accurate layer tree.The plugin renders your markup in a real browser engine, extracts every computed style, and rebuilds the result as native Figma frames, text nodes, and vectors.▸ Full HTML documents or bare fragments▸ Tailwind CSS support with custom config▸ Backgrounds, borders, shadows, gradients, corner radius▸ 28+ font families with weight 100–900▸ Inline bold segments, line breaks, flex centering▸ SVG vector import with inlining▸ ::before / ::after pseudo-elements▸ Form placeholder text▸ 6 responsive viewport presets (375px – 3840px)Ideal for importing AI-generated HTML (Claude, ChatGPT, v0) directly into your Figma design workflow.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
410.3K 23.4K
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
400.6K 17.8K
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
276K 7.3K
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.
183.3K 2.9K