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 webpage 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. Open the extension
In the top right corner of your browser, click on the extensions icon and look for the html.to.design logo to open the extension.

4. Select viewports/themes
Check the boxes for all the viewports and themes you want to download.

5. Capture the full page or a selection
Click Full page
to capture exactly what you see in your browser. If all you need is a specific component or section of the page, click Capture selection
instead. You’ll see a blue outline around the different sections you can select to import.

6. Automatic .h2d file download
An .h2d
file will automatically start downloading and be saved in whichever folder you have set to store downloads. This file can only be opened via the html.to.design plugin.
The following message should appear in your browser: “html.to.design started debugging this browser.” This means everything is working as expected.
7. Drop the file into the Figma plugin
Drag-and-drop the generated .h2d
file into the plugin to import fully editable designs of your private webpage.

Data and privacy
When using our Chrome extension, your site’s data remains completely private. The extension creates a file that is stored locally on your computer, so your data never reaches our servers.