产品介绍
检查、编辑和导出任意网站的设计，并将其转换为干净的代码。悬停查看样式，点击即可像在 Figma 中一样实时编辑颜色、字体、间距和阴影。将页面区域导出为 Tailwind 或 HTML/CSS。捕获完整的设计系统：颜色、字体、间距、圆角、阴影，甚至技术栈。提取 SVG、Lottie 动画和图片。为 Tailwind、CSS 变量或 JSON 提取设计令牌。检查任意文本的 WCAG 对比度。一键复制任何值。从灵感实现工作代码的最快路径。
适合谁关注
- 开发者和技术团队
- 设计师、内容创作者和视觉团队
- 产品经理、运营和高频知识工作者
- 正在评估 AI 工具或智能体落地的团队
可借鉴场景
- 快速理解 MiroMiro v2 的定位、核心能力和 Product Hunt 热度
- 判断“检查、编辑和导出任意网站的设计”这类需求是否值得做竞品调研
- 沿着 Chrome 扩展、设计、图片与视频 继续发现同类产品和替代方案
- 筛选高票产品，观察海外用户当前愿意投票支持的产品形态
- 结合评论热度，判断该产品是否有真实讨论和早期用户反馈
157
投票数
13
评论数
5月11日
发布日期
作者自荐
总结
MiroMiro v2 精准地切中了前端开发者和设计师在日常工作中的核心痛点：如何高效地将网页上的设计灵感转化为可用的代码。从单纯的"检查器"升级为"设计工具包"，新增的实时编辑和代码导出功能极大地缩短了从"看到"到"实现"的链路。其亮点在于将 Figma 式的编辑体验带入任意网页，并支持一键导出为 Tailwind 或 HTML/CSS。对于需要快速参考或复用现有网页设计的团队而言，这是一款能显著提升效率的利器。不过，面对日益复杂的网页结构和动态内容，其渲染和代码提取的准确性仍需持续打磨。整体而言，MiroMiro v2 是一款定位精准、功能实用的设计开发辅助工具。
GitMemo免费开源
把 AI 对话保存到你的 Git 知识库
本地优先，支持 macOS 与 Android。剪贴板、截图、笔记和文件都能集中保存、搜索、同步。
获取安装包
嘿，Product Hunt 👋 带着 MiroMiro v2 回来了。上一次它只是一个检查器，现在它是一个完整的设计工具包。 自上次发布以来的新功能： 🎨 实时编辑器 - 点击任意元素，实时编辑颜色、字体、间距、边框、阴影、不透明度。页面会随着输入而更新。基本上就是 Figma 的右侧面板，但在任意网站上都能用。 💻 导出为代码 - 选择页面的任意区域，导出为 Tailwind 或 HTML/CSS。这是最令人兴奋的部分。将"我喜欢这个网站的外观" => "编辑器中的可用组件"的循环从 20 分钟缩短到 20 秒。 🎞️ 自动 Lottie 检测 - MiroMiro 现在可以自动查找页面上的每个 Lottie 动画并列出。不再需要手动寻找文件。只需打开面板，查看有哪些，下载想要的。 ✨ 整体 UI 改造 - 更简洁的面板，更好的层级结构，更快找到所需内容。旧版本能用，新版本用起来感觉很好。 仍然保留的功能： • 悬停检查，一键复制任意 CSS 值 • SVG 和图片下载 • 设计系统概览（调色板、字体、间距、阴影、技术栈） • 设计令牌导出（Tailwind、CSS 变量、JSON） • WCAG 对比度检查器 • 免费使用 3 天，包含完整权限，Pro 版无限制 目前已有 7,000 多次安装，这次发布是上线以来最大的一次飞跃。期待反馈，尤其是导出为代码的流程。还需要什么才能更好地适配工作流程？ miromiro.app