MiroMiro在浏览器中使用的扩展工具,这款工具支持快速、直观的方式来分析网站、捕获设计元素并立即将其转化为生产就绪资产的设计师、开发人员和创作者等,欢迎下载。
介绍
MiroMiro 是一款一体化 Chrome 扩展,适合需要一种快速、直观的方式来分析网站、捕获设计元素并立即将其转化为生产就绪资产的设计师、开发人员和创作者。忘记通过 DevTools 挖掘或手动收集文件,MiroMiro 让您一目了然。
专业人士应该拥有能够加速他们工作的工具。 MiroMiro 简化您的检查流程,显示完整的 UI 详细信息,并帮助您更智能地工作,而不是更辛苦。加入数千名用户的行列,加速他们的网络项目。
通过强大的检查和提取功能增强您的工作流程。无需再搜索颜色、字体、间距、图像、视频、SVG 或动画,MiroMiro 即可立即显示这一切。
核心功能
✦ 即时目视检查
将鼠标悬停在任何元素上即可显示其完整的视觉蓝图:
• 颜色、字体系列、粗细和大小
• 内边距、边距、间距和对齐方式

• 边框、半径、阴影、过渡
• 内联SVG 和嵌入式图标
• 定位细节和布局结构
一键复制任何值。
✦ 页面概览
自动检测网页上使用的所有颜色、字体、间距比例和设计模式。
✦ 个人资产提取
立即下载任何图像、SVG 或视频——无需挖掘。
✦ 调色板查看器
探索页面上使用的每种颜色并将调色板导出到您的设计工具。
✦ 基本对比度检查器
快速评估各个元素的可访问性和可读性。
高级功能
✦ 批量导出
一键导出所有页面资源、图像、视频、SVG 和 Lottie 动画。非常适合全页分析、快速 UI 重构和高效资产收集。
✦ 页面对比分析
在整个页面上运行可访问性对比扫描。识别低对比度文本、检测 WCAG 问题并明确哪些元素需要提高可读性。
✦ 设计系统生成器
将任何网站转变为可投入生产的设计系统。自动生成:
• 完整的调色板
• 色标
• CSS 变量
• 顺风配置
✦ Lottie 动画导出
自动检测并从任何页面导出 Lottie 动画。将它们下载为完全可编辑的 JSON 文件,以便在您的项目中重复使用。
MiroMiro 非常适合原型设计、UI 探索、灵感或在创纪录的时间内准备可投入生产的资产。
您可以在 miromiro.com 上查看功能和定价的完整列表
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取











