MiroMiro 是一款 Chrome 扩展,可在不打开开发者工具的情况下检测并提取任意网站的设计资源:悬停复制元素的 CSS、颜色、字体与间距,一键下载图片、SVG 与 Lottie,并导出设计 token 为 Tailwind 配置或 CSS 变量。

您是这款应用的开发者吗?验证所有权以管理此应用条目。

借助 WebCatalog Desktop,在 Mac、Windows 和 Linux 上获取 MiroMiro 专属桌面应用。

  • 直接从程序坞或任务栏启动 MiroMiro。
  • 在独立窗口中专注工作,不受干扰,与浏览器标签页分开。
  • 管理多个 MiroMiro 帐户,无需退出即可在它们之间切换。

进一步了解 WebCatalog Desktop

MiroMiro 面向需要研究在线网站或复用其设计细节、又不想深入浏览器 DevTools 的网页设计师和开发者。作为一款浏览器扩展,它可以让你选中页面元素、就地检查和调整样式,并复制 CSS 或 Tailwind 中的颜色、字体和间距等值。 你可以用它提取网站的设计令牌,并将其导出为 CSS 变量或 Tailwind 配置;也可以将选中的区域或整个页面转换为 HTML 和 CSS、React 或 Vue 等代码。MiroMiro 还可以查找并下载页面资源,包括图片、SVG、字体和 Lottie 动画。它适用于重建界面、收集视觉参考,或将网站的样式和资源引入开发工作流的团队。

免责声明:WebCatalog 与 MiroMiro 不存在任何隶属、关联、授权或认可关系,也未以任何方式与其建立官方联系。所有产品名称、徽标和品牌均为其各自所有者的财产。

相关文章