html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Plugin Preview
About this plugin
html.to.design converts any website into fully editable Figma designs.
Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch.
📖 Documentation 💬 Chat with us 👉 Learn more
How to import a website into Figma?
- In Figma, go to the plugin menu and start html.to.design plugin
- Enter the url of the website to import into Figma
- Chose the viewports to import (mobile, desktop, tablet...)
- Click on import
Import private website or behind login?
- Download our Chrome extension.
- Follow instructions in documentation.
Why use html.to.design?
- Redesign an existing website, without building a single thing from scratch.
- Capture websites for a benchmark or moodboard in Figma, without a single screenshot.
- Load an editable webpage in Figma for collaboration, providing comments and feedback.
- Improve your UX writing with different copy, and get a snapshot of exactly how it’ll look.
- Scrap a website to import missing design assets for ongoing projects.
FREE version includes up to 10 imports every 30 days
PRO plan
The html.to.design PRO plan helps us to continually improve the plugin and make its transformations of much higher quality. This plan is designed for professionals and includes:
- Unlimited imports
- High-resolution images
- Multiple URLs or .h2d files at once
- Re-import URLs in one click
- Premium support
------------------------------
Brought to you by ‹div›RIOTS
------------------------------
Plugin Details
| Version | 263 |
|---|---|
| Created | October 4, 2022 |
| Last Updated | March 31, 2025 |
| Category | Import & export plugins |
| Creator | divRIOTS |
| Stats | 208174 installs, 22677 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- main:build/main.js
- Document Access:dynamic-page
- Network Access:
html.to.design does not transmit any information about your Figma files. The html.to.design backend converts URLs to a Figma model, which is only stored temporarily on Google Storage (storage.googleapis.com) for the plugin to download. We collect anonymous usage data (via divriots.com) to improve the Figma plugin experience. We use a Brevo form (221740a9.sibforms.com) for subscriptions to the newsletter. Firebase is used to enable secure authentication and storage of files received by the browser extension.
- Editor Types:figma
- Allowed Domains:
- http://localhost:4443Dev
- http://localhost:5001Dev
- http://localhost:5101Dev
- http://localhost:5181Dev
- http://localhost:8150Dev
- http://localhost:9099Dev
- https://*.divriots.com
- https://*.to.design
- https://221740a9.sibforms.com
- https://api-oddhqn4pmq-uc.a.run.appDev
- https://apieu-oddhqn4pmq-ew.a.run.appDev
- https://firebasestorage.googleapis.com
- https://h2d.to.design
- https://replicate.delivery
- https://storage.googleapis.com
- https://us-central1-dev-storytodesign.cloudfunctions.netDev
More Like This
Discover other plugins in the Import & export plugins category.