MiroMiro v2 - Inspect, edit, and export any website's design
by•
Inspect, edit, and export any website's design as clean code. Hover to see styles, click to edit colors, fonts, spacing, and shadows live like in Figma. Export sections as Tailwind or HTML/CSS. Capture the full design system: colors, fonts, spacing, radii, shadows, even the tech stack. Pull SVGs, Lottie animations, and images. Extract design tokens for Tailwind, CSS vars, or JSON. Check WCAG contrast on any text. Copy any value with one click. The fastest path from inspiration to working code.
Replies
MiroMiro
ThemeSelection
This looks seriously useful 👀
Curious about the export flow though, especially for Tailwind:
How well does it handle responsive layouts and reusable components? Like if I export a section from a complex landing page, does it mostly come out production-ready or does it still need a lot of cleanup after?
The “Figma inspector but on live websites” direction is super interesting 🔥
Also, good luck with the launch 🚀
MiroMiro
@ajaypatel9016 Thanks Ajay 🙌
MiroMiro exports the code of any section you inspect, not pre-built components. For simple sections (hero, pricing, CTA) the output is close to production. For full landing pages it's more of a starting point.
The workflow I'd actually recommend isn't "export and ship" but rather "export and prompt". Pass the code to Claude or Cursor and let the AI handle reusability, refactoring, responsive tweaks. MiroMiro becomes the visual-to-prompt bridge, so your coding agent can build with a real reference instead of making things up it can't see.
That said, I'm always improving the export-to-code side since it's the most complex part of the product!
the live editor basically turns the whole web into a playground. i love the idea of tweaking a live site's shadows and borders directly in the browser to see how it actually looks before jumping back into the codebase. congrats on the v2 ship...
MiroMiro
@vikramp7470 Thank you Vikram! 🙌 That's exactly the feeling I was chasing with the live editor. As a front end dev I spend so much time tweaking tiny values in DevTools, then losing them on refresh and having to redo it all over again. MiroMiro is basically the tool I always wished I had open in another tab.
@soraiadev That’s a real frontend pain point. Glad MiroMiro is solving it so smoothly.
Station
The “export + prompt” workflow is honestly the smartest part here. Giving AI tools a real visual reference instead of starting from scratch makes a huge difference.
Also love that you can tweak styles live on the page before exporting. Feels way faster than fighting with DevTools all day 😂
Congrats on the v2 launch 🚀
MiroMiro
@campritchard Thank you so much Cam! 🙏
That's the main reason I built this, giving AI tools a real visual reference is the perfect way to put it.
As a front-end dev myself, it saves so much time, I really think this is how AI tools should fit into our workflows.
Beep! - New Era for Collaboration⚡️
Congrats on the launch!
I have seen Soraia build the product since the very beginning since she shares everything on X.
MiroMiro is one of the coolest projects from the Indiehacker community!
MiroMiro
@farid_sukurov Thank you so much, Fred! This means a lot coming from you.
I see you as a huge builder and someone I really look up to, you just know so much about this whole world, from building products to scaling and marketing them.
Really grateful for the support 🙏
ScreenshotOne
Good luck with the launch!
MiroMiro
@dmytro_krasun Thank you a lot Dmytro!
Aren’t Claude Design and Open Design already creating a design system? We’re currently using Claude Design for building website designs, but not from scratch - specifically for technical designer work. It saves up to 60% of time, gives HTML + CSS right away, and is immediately ready for Claude Code, which we also use. How is your system better?
MiroMiro
@natalia_iankovych Hey Natalia, they're actually solving different problems. Claude Design generates HTML and CSS from a prompt, so you describe what you want and it kind of has to make something up. With MiroMiro you can browse a section on any live site, export the exact code, and feed it to your AI agent as a reference so it doesn't have to guess. It extracts HTML, CSS, and assets from websites you're currently browsing, so you can capture and learn from designs that already exist. More of a complement to AI design tools than a replacement.
Inspecting sites for font and color references is one of those things that takes you 20 minutes before you even start building. This solves it cleanly. The one-click asset extraction is the feature I'll actually reach for daily. Congrats on the launch!