Import a Mobile Version
To capture a website at mobile dimensions:
- 1Open the plugin and use any input method (Editor, File, or Web)
- 2In the viewport dropdown at the bottom, select a mobile width: 390px — iPhone-sized (390×844) or 768px — Tablet-sized (768×1024)
- 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