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 | 2 |
|---|---|
| Created | February 26, 2026 |
| Last Updated | February 27, 2026 |
| Category | Software development |
| Creator | 길선웅 |
| Stats | 2 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Tailwind CDN을 로드하여 Tailwind 클래스 스타일을 computed style로 추출합니다
- Editor Types:figma
- Allowed Domains:
- https://cdn.tailwindcss.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.