HTML to Figma
Transform HTML & CSS into editable Figma designs instantly
Plugin Preview
About this plugin
HTML to Figma makes it easy to convert your HTML code with embedded CSS into fully editable Figma designs. Perfect for designers who want to quickly import web designs, UI components, or prototypes into Figma.
✨ Key Features:
• Paste HTML code directly or upload HTML files
• Preserves colors, gradients, fonts, and spacing
• Supports divs, buttons, inputs, headings, links, and SVG icons
• Maintains proper layout and positioning
• Converts to SVG for high-fidelity imports
• Easy to edit after import
🎯 Perfect For:
• Converting web designs to Figma
• Importing UI components
• Quick design prototyping
• Web-to-Figma workflows
Simply paste your HTML, click convert, and watch your code transform into Figma elements!
Plugin Details
| Version | 1 |
|---|---|
| Created | December 9, 2025 |
| Last Updated | December 9, 2025 |
| Category | Import & export plugins |
| Creator | FerokArt |
| Stats | 8 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML