Miromiro

什么是 MiroMiro？

MiroMiro 是一个强大的 Chrome 扩展，旨在帮助设计师和开发人员检查任何网站元素并将其导出为代码。它允许用户提取重要的设计资产，如 CSS、颜色、字体、SVG、Lottie 动画，甚至整个网页的部分。MiroMiro 受到超过 4000 名设计师的信任，通过提供干净、可生产的代码来简化设计过程，消除了手动从头开始重建元素的需要。这个工具非常适合任何希望通过轻松访问和直接从任何网站导出设计资产来增强工作流程的人。

如何使用 MiroMiro？

1. 从 Chrome 网上应用店安装 MiroMiro Chrome 扩展。
2. 导航到您想要检查的网站。
3. 点击浏览器工具栏中的 MiroMiro 扩展图标。
4. 使用检查模式将鼠标悬停在页面上的任何元素上，以查看其 CSS、字体和颜色。
5. 选择整个部分（如英雄或导航栏）将其导出为干净的代码。
6. 直接从网站下载任何图像、SVG 或视频。
7. 将您喜欢的资产保存到个人库中，以便稍后轻松访问。

MiroMiro 的主要功能是什么？

• 检查任何网站元素并查看其 CSS、颜色和字体。
• 将整个网页部分导出为可生产的代码。
• 从任何 URL 提取设计令牌，如颜色、字体和间距。
• 以原始质量下载图像、视频和 Lottie 动画。
• 创建个人库以保存和重用喜欢的颜色、图标和图像。
• 执行可访问性检查，以确保设计符合 WCAG 标准。

MiroMiro 适合谁？

MiroMiro 是为网页设计师、UI/UX 开发人员以及参与前端开发过程的任何人设计的。它特别适合希望节省时间并通过轻松提取任何网站的设计资产来改善工作流程的无代码开发人员、自由职业者和代理机构。无论您是希望从现有设计中学习的初学者，还是需要加快项目工作流程的经验丰富的开发人员，MiroMiro 都提供了增强您的设计和开发能力所需的工具。

MiroMiro 的使用案例是什么？

1. 通过检查竞争对手的网站快速提取新项目的设计资产。
2. 在开发过程中节省时间，通过导出整个代码部分而不是从头开始重建它们。
3. 利用可访问性检查器确保您的设计在发布前符合行业标准。
4. 创建颜色和图标的个人库，以便在多个项目中保持一致的品牌形象。