Open an .h2d file

Whenever you use the html.to.design Chrome extension to capture a webpage, the extension will automatically generate and download an .h2d file.

This .h2d file can only be opened from the html.to.design Figma plugin. There are 3 ways to open the file and get your captured webpage into Figma:

Drag and drop into the plugin

One way to open your .h2d file is by grabbing it from your computer’s downloads folder and dragging and dropping it directly into the html.to.design Figma plugin. The webpage you captured using the extension will automatically start importing into Figma.

Drag and drop into the Figma canvas

With the html.to.design plugin open and running, you can also drag and drop the .h2d file anywhere in your Figma canvas. It will automtically start importing.

Browse and select

The third way to open an .h2d file is by clicking on the drop-zone box at the bottom of the plugin. This will open your downloads folder so you can select the .h2d file you want to import. Double-click on the file and it will immediately start importing into Figma.