If you struggle with finding design inspiration and references, you're not alone. MiroMiro is designed to simplify that workflow.
In this guide, I'll show you how to gather visual references from any live Framer website, without digging through code. Let's get started.
The Problem: Saving Images from Websites is a Pain
You're browsing a beautifully designed Framer site and spot the perfect mockup for your reference folder. You right-click... and it doesn't work. Or you get a tiny thumbnail instead of the full image.
Framer sites are full of stunning visuals, but saving them isn't always easy.
Modern websites use layers and lazy loading that make simple "Save Image As" unreliable. You end up opening DevTools, hunting through elements, or just giving up. MiroMiro fixes this. It sees every image on the page and lets you download them with a click.
Method 1: Point, Hover, and Download
The fastest way to grab an image is to use the MiroMiro Inspector. It works just like a design tool.
Just hover to see the resolution and format instantly.
How to use the Inspector:
- Activate the Tool: Open the extension and click the Inspector Mode icon. MiroMiro will now highlight every image as you move your mouse.
- Hover to Preview: Simply hover over any image to see a high-quality preview, its size, and file type.
- Download: Click the download button to save the asset immediately.
Method 2: The Asset Tab (Bulk Export)
Don't feel like hunting for images on the page? Switch to the Assets Tab to see a clean gallery of everything MiroMiro found.
View every image and icon in one organized list.
The Assets Tab is perfect for a faster overview of the site’s contents:
- Bulk Preview: See every image on the page in one organized gallery.
- One-Click Save: Download any asset from the gallery without needing to scroll to its location on the page.