Plugin Preview
About this plugin
Unlimited Free Web-to-Figma Tool, converting them into editable design drafts.The current version is a beta version and may have various issues. Feel free to use and provide feedback.This tool uses the Snapdom engine to accurately capture and reconstruct webpage layouts.How to convert a web page to a Figma design file:Install the Chrome extension.Visit the webpage you want to import.Click the extension icon, select “Export Page” or “Select Element” to export as JSON.Open your Figma design file and run the Draftito plugin.Import the downloaded design JSON data.
Plugin Details
| Version | 8 |
|---|---|
| Created | February 9, 2024 |
| Last Updated | February 27, 2026 |
| Category | Import & export plugins |
| Creator | Drafito |
| Stats | 1958 installs, 259 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:plugin.js
- Document Access:dynamic-page
- Network Access:
This access allows certain AI-assisted development tools to communicate with the plugin through a local server strictly during development in order to update design content.The communication is limited to the local machine, involves no external services, and is not used in production.
- Editor Types:figma
- Allowed Domains:
- ws://localhost:12307
- ws://localhost:12308
- ws://localhost:51720
- ws://localhost:51721
- ws://localhost:51722
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