Import a private webpage
For any private webpage behind a log-in or VPN, you’ll need to install our Chrome extension in addition to the Figma plugin.
Capture a private page with the Chrome extension
1. Install our Chrome extension
Go to the extension’s main page and click on Add to Chrome
.
2. Log in to the page you want
Log in to your account and access the private webpage you want to import.
3. Click on the extension logo
In the top right corner of your browser you’ll find the html.to.design logo. If not, you may need to click on the extensions icon to open a list of all your available extenstions. Then click on the html.to.design logo to open a drop-down with two import options: Capture full page
or Capture selection
.

4. Click Capture full page
If all you need is a specific component or block for your designs, you can also import only a section of the page. Click Capture selection
from the drop-down instead.
5. An .h2d
file will download
Before the download starts, you’ll see the following message in your browser: “html.to.design started debugging this browser.” Don’t worry, this means everything is working as expected.
6. Drop the file in the Figma plugin
Drag-and-drop the generated .h2d
file into the plugin to import fully editable designs of your private webpage.
Note: To import the mobile version of a private webpage, take a look at Import a mobile version