Import webpages in any language

While html.to.design can almost always import webpages in the language you’ve chosen, there are times where a simple URL import won’t work.

For example, you may have your browser set to your preferred language, and you’re seeing the website in that language, however when you go to import it into Figma with html.to.design, the result is in English…

If this happens, the best option is to capture the webpage using our Chrome extension. That way, what you see is exactly what you’ll get in Figma.

Capture a webpage in your preferred language

1. Install our Chrome extension

Go to the extension’s main page and click on Add to Chrome.

Screenshot of the html.to.design Chrome extension page.

2. Go to the webpage in your language

Navigate to the webpage you want to import into Figma, in the language of your choice.

Screenshot of a private webpage log-in.

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.

Screenshot of the extensions menu.

4. Select viewports/themes

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

Screenshot of the html.to.design Chrome extension drop-down.

5. 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.

6. Drop the file into the Figma plugin

Drag-and-drop the generated .h2d file into the plugin to import fully-editable designs of the webpage in your chosen language.

Screenshot of dropping the file into the plugin.

7. Edit the site in your language!

You now have a fully-editable version of the website in Figma, and in your preferred language.

Screenshot of editing your webpage in Figma.