检查任何网站的设计：提取颜色、字体、间距、SVG、Lottie 动画并导出为代码。无需开发工具。
MiroMiro 是网络设计工具包。检查任何网站，提取其颜色、字体、组件和资源，像 Figma 一样实时编辑样式，并导出干净的代码，所有这些都无需打开 DevTools。
你可以做什么：
• 实时检查和编辑。将鼠标悬停在任何元素上即可查看其样式。单击可打开编辑器面板并实时更改颜色、字体、间距、边框、不透明度和阴影。页面会随着您的输入而更新。
• 单击以复制任何值。 “信息”选项卡将所选元素的每个属性显示为可复制的芯片。获取十六进制颜色、字体系列、阴影、边框半径。在剪贴板上单击一下。
• 导出到代码。选择页面的任何部分并将其导出为干净的 Tailwind 或 HTML + CSS。
• 捕获设计系统。概述为您提供了网站的完整调色板、字体堆栈、间距比例、半径样式、阴影层和检测到的技术堆栈。
• 下载资源。直接从任何网站提取图像、SVG 和 Lottie 动画。不再需要右键单击另存为。
• 辅助功能检查器。对您选择的任何文本元素进行内置 WCAG 对比分析。
• 设计代币。提取 Tailwind、CSS 变量或 JSON 的标记。
谁使用 MiroMiro：
- 网页设计师收集调色板、字体组合和视觉参考
- 前端开发人员获取 CSS 值、检查布局并提取资源
- 用户体验设计师检查页面的可访问性和颜色对比度
- 分析竞争对手网站并收集客户品牌资产的机构
工作原理：
从 Chrome 侧面板打开 MiroMiro 并浏览任何网站。自动提取颜色、字体、图像和资源。单击任何元素即可查看其完整的 CSS 分解。在编辑器选项卡中，更改任何值并实时观看页面更新。一键复制或下载任何内容。
无需开发工具。只需将鼠标悬停、单击并复制即可。
免费 3 天并具有完全访问权限。升级到专业版可无限导出、全页辅助扫描和无限提取。
访问 miromiro.app 了解更多信息