Improve image quality

Last updated

When importing webpages into Figma, html.to.design automatically detects if the images on the page are low resolution and can be improved. If they have a higher resolution source available, the plugin offers the option to import these high-resolution versions instead.

How to improve image quality

  1. Import a webpage via URL or the browser extension

  2. Turn on High-res images (slower) in the import options

html.to.design's Import options with High-res images (slower) turned on, marked PRO.
  1. Or upgrade a page you already imported: select its section and click Enhance import in the plugin section of Figma’s right panel. With an image selected, the button reads Import high-res images.
An imported page selected in Figma, with the html.to.design Enhance import button in the right panel.

This feature is great for image-heavy pages such as Pinterest boards, your portfolio, a blog… For professional, accurate designs, it’s important to have good image quality.

html.to.design helps you create high-fidelity prototypes by importing the best quality images available.

ℹ️ High-res images need a paid plan: html.to.design PRO or any ‹div›RIOTS ONE subscription.