Features
html.to.design aims to deliver accurate, high-quality imports every time, even with our FREE plan! Every single user can enjoy all the key features needed to import your website into Figma as fully editable designs. Here are just a few…
Core features
Convert webpages into fully editable Figma designs - 100x better than any screenshot. Import any public website into Figma by simply entering the URL.
Install the Figma plugin >Install the Chrome extension on your browser to import any webpage, even if it is local or behind a log-in. Works with Edge, Arc and Brave too.
Install the extension >Import webpages in desktop, tablet and mobile device sizes for a multi-viewport range.
Import any webpage in both light and dark modes.
With every import, choose if you want to create Figma styles based on the page you are importing, or apply your existing local styles to the result.
html.to.design imports websites with advanced auto layout already set up for you, if you want it.
If html.to.design detects missing fonts in your import, either automatically map them to fonts you already have, or download the missing font directly from the plugin.
html.to.design comes with enhanced support for complex gradients and options like Display-P3 color, so you can import even the most advanced websites with quality results.
Prototype features
Select any links on an imported webpage and import their corresponding pages in a click. html.to.design automatically sets up the entire user flow ready as a prototype.
When you preview your website design as a prototype, any overflow scroll is supported meaning no clipped content.
PRO features
Import as many webpages as you want, whenever you want.
html.to.design automatically detects if images can be improved to import their high-resolution versions, when available.
Learn more >Import a list of URLs or several .h2d files at once.
Speed up your design process and re-import the same page in one click.
Want to upgrade to PRO?
- Click “Upgrade to PRO” in the plugin.
- Enter your payment details and complete your purchase directly in Figma.
- Restart Figma to start enjoying PRO!
Figma is unable to accept Indian or Russian-based credit cards at this time. If you’re using an Indian or Russian-based card, please get PRO for teams for a single user.