MiroMiro 是 Chrome 擴充功能,可在不開啟 DevTools 下檢視並擷取網站設計資產:懸停即可複製 CSS、色彩、字體與間距,單鍵下載圖片、SVG、Lottie,並匯出設計 Token 為 Tailwind 設定或 CSS 變數。

您是這個應用程式的開發人員嗎?驗證擁有權以管理此列表。

透過 WebCatalog Desktop,在 Mac、Windows 和 Linux 上取得 MiroMiro 專屬桌面應用程式。

  • 直接從 Dock 或工作列啟動 MiroMiro。
  • 在獨立視窗中專心工作,不受干擾,與瀏覽器分頁分開。
  • 管理多個 MiroMiro 帳戶,無需登出即可在它們之間切換。

進一步了解 WebCatalog Desktop

MiroMiro 專為需要研究線上網站,或重用網站設計細節,卻不想深入瀏覽器 DevTools 的網頁設計師與開發人員打造。這款瀏覽器擴充功能可讓你選取頁面元素、直接檢視並調整樣式,以及複製 CSS 或 Tailwind 值,例如色彩、字型與間距。 你可以用它擷取網站的設計 Token,並匯出為 CSS 變數或 Tailwind 設定檔;也可以將選取的區塊或整個頁面轉換為 HTML 和 CSS、React 或 Vue 等程式碼。MiroMiro 也能尋找並下載頁面資源,包括圖片、SVG、字型和 Lottie 動畫。對於需要重建介面、蒐集視覺參考,或將網站樣式與資源導入開發流程的團隊來說,MiroMiro 可能很實用。

免責聲明:WebCatalog 與 MiroMiro 並無任何隸屬、關聯、授權或認可關係,亦不以任何方式與其存在官方連結。所有產品名稱、標誌及品牌均為其各自所有者的財產。

相關文章