Back to Plugins
DevPlugin - HTML to Figma
html to figma, web design
Plugin Preview
About this plugin
DevPlugin – HTML to Figma converts real web pages into editable Figma layouts in seconds.
Paste a URL, choose your target devices (Desktop, Laptop, Tablet, Mobile), and the plugin imports responsive variants side by side. It aims to preserve visual structure and layering so the result is fast to tweak and production-friendly.
Key features:
- URL → Figma import workflow
- Multi-breakpoint responsive variants
- Preserved layering, masking, and clipping
- Support for fixed/overlay elements
- Backdrop blur and gradient/mask handling
- Missing font detection with quick replacement options
Perfect for rapid UI exploration, competitor teardown, and turning existing HTML into a starting point for design work.
Plugin Details
| Version | 6 |
|---|---|
| Created | January 27, 2026 |
| Last Updated | February 11, 2026 |
| Category | Import & export plugins |
| Creator | DevMode |
| Stats | 50 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://plugin.devmode.cc
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