HTML to Figma
Import HTML and convert web layouts into editable Figma designs
Plugin Preview
About this plugin
HTML to Figma helps you import HTML files or web content directly into Figma as editable design layers ⚡Use this plugin to convert existing websites, prototypes, or UI layouts into structured Figma frames, saving hours of manual rebuilding work 🧩What you can do:🚀 Import HTML files into Figma🧱 Convert web layouts into editable frames and layers🧭 Preserve layout structure and hierarchy⏱️ Speed up redesign, iteration, and UI auditsPerfect for designers, product teams, and developers who want to move faster from code to design.
Plugin Details
| Version | 9 |
|---|---|
| Created | January 21, 2026 |
| Last Updated | August 1, 2026 |
| Category | Software development |
| Creator | Neil |
| Stats | 3801 installs, 874 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
UI iframe fetches arbitrary user-supplied URLs (HTML pages, images, fonts, Tailwind CDN, CORS proxies). Domains cannot be enumerated ahead of time.
- 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