Import via file

html.to.design can import HTML files directly into Figma.

How to import via 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 Chrome 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.

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

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

.zip

You can also import a .zip file containing all HTML, CSS, images and JavaScript. The plugin will extract the content and import the first HTML file found inside the zip.

Current limitations:

  • The plugin will only import the first HTML file found in the zip file.
  • The zip file should be smaller than 5MB.

Other file types

If you upload a file that is not one of the above types, the plugin will recommend other plugins to import them.

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