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 workflowsSimply 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 | 80 installs, 14 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.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.