MiroMiro v2: A browser tool for inspecting, editing, and exporting website designs as code
By
Soraia
Slow-proofed and worth the wait. Worth its weight in flour.
Summary
MiroMiro is a browser-based design tool that allows users to inspect, edit, and export any website's design as clean code. It enables live editing of colors, fonts, spacing, and shadows (similar to Figma), and supports exporting sections as Tailwind or HTML/CSS. The tool can capture full design systems including design tokens, extract SVGs, Lottie animations, and images, check WCAG contrast, and copy any value with one click. Version 2 expands from a simple inspector to a full design editing and export tool.
Key quotes
· 5 pulledInspect, 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.
The fastest path from inspiration to working code.
Stop rebuilding designs from screenshots.
No DevTools needed.
You might also wanna read
Studio Practice: Preview any URL across six Mac screen sizes simultaneously
A tool called Studio Practice lets designers and developers preview any URL across all six common Mac display sizes (MacBook Air 13/15, MacB
Product Hunt·10d ago
Dembrandt: Open-Source Tool Extracts Website Design Tokens to W3C DTCG JSON Format
Dembrandt is a free, open-source tool that extracts design tokens from websites and converts them into standard W3C DTCG JSON format. The to
Product Hunt·2mo ago
UI Inspector: A Browser-Based Visual CSS Editor for Web Development
UI Inspector is a browser-based visual CSS editor tool that allows developers and designers to inspect and edit webpage elements directly in
Product Hunt·3mo ago
AgentEcho: Visual Feedback Annotation Tool for Webpage UI with Markdown Export
AgentEcho is a visual feedback annotation tool that allows developers and designers to annotate any webpage UI by placing markers directly o
Product Hunt·4mo ago
Tweakcn: Interactive Theme Designer for shadcn/ui with Real-Time Preview
Tweakcn is a web-based tool that allows developers to customize and design themes for shadcn/ui components with real-time preview capabiliti
Product Hunt·8mo ago
Tweakcn: Interactive Theme Designer for shadcn/ui with Real-time Preview
Tweakcn is a web-based tool that allows developers to design and customize themes for shadcn/ui components with real-time preview capabiliti
Product Hunt·8mo ago