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.New Version 🚀1. Optimized color gradient and shadow effects 🎨✨2. Optimized image import issues 🖼️🔧3. Added import width option 📏➕
Plugin Details
| Version | 2 |
|---|---|
| Created | January 21, 2026 |
| Last Updated | March 1, 2026 |
| Category | Software development |
| Creator | Morty |
| Stats | 70 installs, 23 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Required to fetch external images from URLs
- Editor Types:figma
- Allowed Domains:
- *
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.