html.to.design logo html.to.design
  • Home
  • Docs
  • Blog
  • Mail Logo
  • Discord Logo
  • Twitter Logo
  • Home
  • Docs
  • Blog
  • Mail Logo
  • Discord Logo
  • Twitter Logo
  • Getting started
    • What is html.to.design?
    • Features
  • Subscribe to PRO
    • PRO plan
    • PRO for teams
    • FAQ
  • Import methods
    • Web
    • Extension
    • File
    • Editor
    • MCP
  • How-to
    • Launch the Figma plugin
    • Install the browser extension
    • Open an .h2d file
    • Import a private webpage
    • Import a mobile version
    • Import in any language
    • Import via query mode
    • Import a list of URLs
    • Improve image quality
  • Troubleshooting
    • Report an issue
    • Missing fonts
    • Not capturing full page
    • Different from real phone
    • Bot-protected sites
  • Links
    • Figma plugin
    • Figma plugin for teams
    • Browser extension
  • Let’s talk
    • Send us an email
    • Message on Discord
    • X/Twitter @html_to_design
  • Getting started
    • What is html.to.design?
    • Features
  • Subscribe to PRO
    • PRO plan
    • PRO for teams
    • FAQ
  • Import methods
    • Web
    • Extension
    • File
    • Editor
    • MCP
  • How-to
    • Launch the Figma plugin
    • Install the browser extension
    • Open an .h2d file
    • Import a private webpage
    • Import a mobile version
    • Import in any language
    • Import via query mode
    • Import a list of URLs
    • Improve image quality
  • Troubleshooting
    • Report an issue
    • Missing fonts
    • Not capturing full page
    • Different from real phone
    • Bot-protected sites
  • Links
    • Figma plugin
    • Figma plugin for teams
    • Browser extension
  • Let’s talk
    • Send us an email
    • Message on Discord
    • X/Twitter @html_to_design

Import any page from the Web

This is the most common way to import a webpage into Figma.

Simply paste the website’s URL in the Web tab and hit “Import”. You can use this method for all public websites with an open URL.

Screenshot of the html.to.design plugin web tab.

Previous page

FAQ

Next page

Extension

On this page

  • Overview
html.to.design logo html.to.design
  • Discord logo
  • Twitter logo
  • Email icon
  • Home
  • Docs
  • Blog
  • Import your website into Figma
  • Convert private webpages into Figma designs
  • Import mobile screens into Figma
  • Benchmark competitors in Figma
  • Collaborate and get feedback
  • Reproduce UI effects in Figma
  • Try out different copy
  • Get missing design assets
html.to.design © 2022-2025
Brought to you by ‹div›RIOTS logo
  • Terms & Conditions
  • Privacy Policy