Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
2026年01月21日-
スポンサード リンク
MiroMiro - Extract Lottie Animations, CSS & Design Tokens from Any Website

Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
MiroMiro は、Webサイトのデザイン情報やアセットをワンクリックで抽出・可視化できるツールです。主にChrome拡張として提供され、デザイナーやフロントエンド開発者がUIを素早く分析・再利用することを目的としています。
主な特徴
-
デザイン要素の即時取得
サイト上のカラー、フォント、余白、サイズ感などをDevToolsを開かずに確認可能。 -
アセット一括抽出
画像・SVG・Lottieアニメーションなどをそのままダウンロード。 -
デザイントークン化
カラーパレットやタイポグラフィをCSS変数として出力でき、実装に直結。 -
アクセシビリティ配慮
コントラストチェックなど、UI品質を保つための機能も搭載。
こんな人に向いている
-
参考サイトのUIを短時間で分析したいデザイナー
-
実装前に配色やフォント設計を素早く把握したい開発者
-
プロトタイプやLP制作を高速化したいチーム
MiroMiroは、「見る → 分析する → 使う」までの工程を大幅に短縮します。
Webデザインを“眺める”だけで終わらせず、そのまま制作に活かしたい人向けの実践ツールです。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
- プログラミングで使う記号を美しく整列させることに特化したフォント「Myna」
- DarkもLightも自動生成:UI向けカラーパレット生成ツール「Harmonizer」紹介
- AIでフォーム生成できる「Formcn AI」
- ウェブサイトの CSS を解析してくれる「Online CSS Code Quality Analyzer」
- 英文を文鳥に変換するフォント「ぎゅうぎゅう文鳥」
- Tiktok公式のフリーフォント「TikTok Sans」
- React+Tailwindなサイトで使えるUIライブラリ「SmoothUI」
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)


