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 workflowMulti-breakpoint responsive variantsPreserved layering, masking, and clippingSupport for fixed/overlay elementsBackdrop blur and gradient/mask handlingMissing font detection with quick replacement optionsPerfect for rapid UI exploration, competitor teardown, and turning existing HTML into a starting point for design work.
Plugin Details
| Version | 7 |
|---|---|
| Created | January 27, 2026 |
| Last Updated | February 17, 2026 |
| Category | Import & export plugins |
| Creator | DevMode |
| Stats | 70 installs, 11 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