Import local files

html.to.design can also import your local HTML files directly into Figma and turn them into editable designs.

How to import a local HTML file

1. Select the File tab in the html.to.design plugin.

2. Drag-and-drop your file into the drop zone or click on the drop zone to select a file from your computer.

Supported file types

.h2d

.h2d files are generated by the html.to.design browser extension.

ℹ️ This is the recommended file type to use, as it contains all the necessary information to recreate the webpage in Figma.

.html and .htm

These are standard HTML files. The plugin will render these HTML files and import them into Figma.

ℹ️ Your HTML files may contain references to external resources like images, CSS or JavaScript. The plugin will try to import these resources as well, but may not always be successful if they are not present or not available publicly.

We recommend to use the html.to.design browser extension in these cases.

.zip

You can also import a .zip file containing all HTML, CSS, images and JavaScript. html.to.design will import all the webpages contained in the zip file.

ℹ️ This is the preferred method to import designs exported by Google Stitch.

⚠️ The zip file should be smaller than 32MB.

Other file types

If you upload a file type that is not one of the ones mentioned above, the plugin will recommend alternative plugins to import them.

If you want to import a different file type, please let us know at support+html@to.design!