Curated Resource ( ? )

html.to.design

my notes ( ? )

How to import a website into Figma?

  1. In Figma, go to the plugin menu and start html.to.design plugin
  2. Enter the url of the website to import into Figma
  3. Chose the viewports to import (mobile, desktop, tablet...)
  4. Click on import

Import private website or behind login?

Why use html.to.design?

  • Redesign an existing website, without building a single thing from scratch.
  • Capture websites for a benchmark or moodboard in Figma, without a single screenshot. 
  • Load an editable webpage in Figma for collaboration, providing comments and feedback.
  • Improve your UX writing with different copy, and get a snapshot of exactly how it’ll look.
  • Scrap a website to import missing design assets for ongoing projects.

FREE version includes up to 10 imports every 30 days

Read the Full Post

The above notes were curated from the full post www.figma.com/community/plugin/1159123024924461424/html-to-design.

Related reading

More Stuff I Like

More Stuff tagged design , ux design , figma , ui design , html

Cookies disclaimer

MyHub.ai saves very few cookies onto your device: we need some to monitor site traffic using Google Analytics, while another protects you from a cross-site request forgeries. Nevertheless, you can disable the usage of cookies by changing the settings of your browser. By browsing our website without changing the browser settings, you grant us permission to store that information on your device. More details in our Privacy Policy.