Improve image quality

html.to.design will automatically detect if any of the images in the webpage you are importing are low resolution and can be improved. It will give you the option to use its high-resolution version instead, if available.

Methods to improve image quality

1. Upon import

After import, a dialog will appear with suggestions to improve the webpage you’ve just imported. Simply click Import high-res versions and the plugin will instantly improve the images’ quality to the highest resolution available.

2. From the side menu

You can also improve an image’s quality at any time from Figma’s bottom-right options menu. Click on any image in your import, then click Import high-res image from the side menu. The high-res version will be used instead.

ℹ️ Select multiple images to improve the resolution of all images in one go.