HTML to Figma Importer
Turn any HTML into native Figma frames instantly.
Plugin 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
Plugin Details
| Version | 3 |
|---|---|
| Created | February 26, 2026 |
| Last Updated | October 2, 2026 |
| Category | Software development |
| Creator | 길선웅 |
| Stats | 58 installs, 10 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
붙여넣은 HTML 이 참조하는 외부 이미지·웹폰트·스타일시트·CDN 스크립트(Tailwind 등)를 브라우저처럼 불러와 렌더링하고, 이미지를 Figma 이미지 레이어로 가져옵니다
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code