Chrome拡張。DevToolsを開かずに要素をホバーしてCSS・色・フォント・余白をコピーし、画像・SVG・Lottieを保存、デザイントークンを抽出してTailwind設定やCSS変数で書き出します。

このアプリの開発者ですか?掲載情報を管理するには、所有権を確認してください。

WebCatalog Desktopで、Mac、Windows、Linux向けのMiroMiro専用デスクトップアプリを手に入れましょう。

  • DockやタスクバーからMiroMiroを直接起動できます。
  • ブラウザのタブから切り離した専用ウインドウで、気を散らさずに作業できます。
  • 複数のMiroMiroアカウントを管理し、ログアウトせずに切り替えられます。

WebCatalog Desktopの詳細

MiroMiroは、ブラウザーのDevToolsを詳しく調べることなく、公開中のウェブサイトを分析したり、デザインの詳細を再利用したりしたいウェブデザイナーや開発者向けのツールです。ブラウザー拡張機能として、ページ内の要素を選択し、その場でスタイルを確認・調整できます。また、色、フォント、余白などのCSSやTailwindの値をコピーできます。 サイトのデザイントークンを取得してCSS変数やTailwind設定としてエクスポートしたり、選択したセクションやページ全体をHTML、CSS、React、Vueなどのコードに変換したりできます。画像、SVG、フォント、Lottieアニメーションなど、ページ内のアセットを見つけてダウンロードすることも可能です。インターフェースの再構築、ビジュアル資料の収集、ウェブサイトのスタイルやアセットの開発ワークフローへの取り込みを行うチームに適しています。

免責事項:WebCatalogは、MiroMiroと提携、関連、承認、推奨されておらず、その他いかなる形でも公式に関係していません。すべての製品名、ロゴ、ブランドは、それぞれの所有者に帰属します。

関連記事