# あらゆるWebサイトを抽出するためのすべてのツール。

CSSインスペクション、SVG抽出、Lottieキャプチャ、デザイントークン、ワンクリックTailwindエクスポートまで——目的別の8つのツールを、1つの高速なChrome拡張機能に。

## 機能一覧

- **CSS Inspector**  
  Inspect any element, see its CSS values, and edit them live on the page — colors, fonts, spacing, shadows, anything. Watch the website update in real time, then copy your changed values straight out as production-ready code.
  - Edit any CSS value inline and see the page update instantly
  - Tweak colors, fonts, spacing, shadows, gradients on a real, live site
  - Copy your edited values straight out as CSS or Tailwind

- **Asset Extractor**  
  Download images, videos, SVGs, and all visual assets from any website. Bulk image downloader and asset extraction tool built into one Chrome extension.
  - Download all images from any page
  - Extract SVGs and icons
  - Bulk export entire asset libraries

- **SVG Extractor**  
  Extract SVG icons and graphics from any website. Download scalable vector graphics ready for Figma, Illustrator, or your codebase. A powerful SVG Gobbler alternative.
  - Find all SVGs on any page
  - Download in original quality
  - Preserve scalability

- **Lottie Animation Extractor**  
  Extract Lottie animations from any website. Download Lottie JSON files ready for lottie-web, lottie-react, or any Lottie player on web and mobile.
  - Detect Lottie animations automatically
  - Download ready-to-use JSON files
  - Works with all major frameworks

- **Brand Color Extractor**  
  Extract complete color palettes from any website. Get brand colors with HEX, RGB, and HSL values — a better alternative to Site Palette and Coolors for real-world extraction.
  - Extract all colors from any site
  - Get HEX, RGB, and HSL values
  - Identify primary and accent colors

- **Live Contrast Checker**  
  Check color contrast ratios for WCAG 2.1 accessibility compliance. Test AA and AAA levels for foreground and background color combinations directly on live websites.
  - Check WCAG compliance instantly
  - AA and AAA level verification
  - Real-time contrast ratios

- **Inspect & Export**  
  Inspect any website element and export it as clean Tailwind CSS code. Select hero blocks, navbars, cards, or any section and get production-ready Tailwind output. A real website to Tailwind converter.
  - Inspect any element's CSS, fonts, and colors instantly
  - Export entire sections as production-ready code
  - Copy hero blocks, navbars, and cards in seconds

- **Design Tokens Extractor**  
  Free tool to extract design tokens from any website: colors, typography, spacing, shadows, radii. Export as CSS variables, Tailwind config or Figma variables. No DevTools, no manual copying.
  - Extract CSS variables automatically
  - Export to Tailwind config
  - Identify design patterns

## MiroMiroを選ぶ理由

1つの拡張機能で、8つのワークフロー。  
CSS Peeper、ColorZilla、SVG Gobbler、Lottieスクレイパーをもう使い分けない。MiroMiroがすべて代替し、Tailwind、Figma、AIエディターへ直接エクスポートします。

### よくある質問

- MiroMiroをインストールする前に知っておきたいことすべて。
- DevToolsにできなくてMiroMiroにできることは？
- 無料機能とPro機能の違いは？
- React、Vue、Framer、Webflowで動作しますか？
- コピーした内容や訪問先はサーバーに送信されますか？
- セクションをTailwindコードとしてエクスポートできますか？
- 対応ブラウザは？