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 via query mode

For faster imports, without even opening the plugin, you can also use Figma’s plugin query mode.

How to import a webpage via query mode

  1. Type Cmd+P to open Figma’s plugin query mode.

  2. Type html... and press the [Tab] key when you see html.to.design highlighted in the drop-down list.

  3. Directly enter or paste the URL you want.

  4. It will instantly start importing!

Screenshot of importing using Figma's query mode.

Previous page

Import in any language

Next page

Import a list of URLs

On this page

  • Overview
  • How to import a webpage via query mode
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