HTML.to.Editable.DesignHTML.to.Editable.Design docsPrivacy Policy

Import a Mobile Version

To capture a website at mobile dimensions:

  1. 1Open the plugin and use any input method (Editor, File, or Web)
  2. 2In the viewport dropdown at the bottom, select a mobile width: 390px — iPhone-sized (390×844) or 768px — Tablet-sized (768×1024)
  3. 3Click "Export to Figma"

The plugin renders the page at the chosen width, so responsive CSS media queries and layouts will activate just like in a real browser.

Tips for Mobile Captures

  • If using the Web tab, the page will respond to the viewport width — hamburger menus, stacked layouts, and mobile styles will appear
  • If using the Editor tab, make sure your CSS includes the relevant @media queries for the width you're targeting
  • You can export the same page at multiple viewports to get desktop + tablet + mobile versions side by side