どんなWebサイトのUIもコピー。実コードをそのまま貼り付け:  Cursor

AIビルダーが、スクリーンショットや曖昧なプロンプトではなく、正確で本番品質のコードから構築します。

3日間Pro無料トライアル · クレジットカード不要 · あらゆるサイトで動作

Built with MiroMiro

Feature cards section built with MiroMiro
Feature cards
Dark pricing section built with MiroMiro
Pricing
Landing section built with MiroMiro
Landing
0+
designers & developers
0.0
on Chrome Web Store
0s
to first export
Free
forever to start

Recognized by

MiroMiro - #2 Product of the Day on Product HuntMiroMiro - Top Product of the Week on Product HuntTop 1% Landing PageMiroMiro - Featured on Startup FameMiroMiro - Featured on Aura++MiroMiro - Featured on RankInPublicMiroMiro - Launched on FazierMiroMiro - Featured on EarlyHunt

あらゆるデザインをキャプチャ。AIツールで即出荷。

あらゆるWebサイトからクリーンなコード、アセット、カラー、デザイントークンを抽出。Cursor、Claude、Lovable、Bolt、v0にそのまま貼り付け。

01 / 04
ホバーで再生
コード書き出し

Cursor、Claude、v0にそのまま貼り付け

ヒーロー、ナビバー、プライシングカードを選択して、クリーンなTailwind HTMLとしてコピー。AIコーディングツールにそのまま貼り付け。スクリーンショットも推測も不要。AIが本物のコードを読んで出荷します。

詳しく見る
02 / 04
ホバーで再生
ライブインスペクター

検査して、編集して、コピー。実サイト上でそのまま。

要素にホバーするだけでCSSを表示。カラー、フォント、パディングをその場で変更すれば、ページがリアルタイムで更新されます。デザインが決まったら、編集後の値をCSSまたはTailwindとしてコピー。DevToolsのツリーも、リロードで消える編集も、もう不要です。

詳しく見る
03 / 04
ホバーで再生
アセット抽出

あらゆる素材を、好きな形式で。

画像、アイコン、背景をPNG、JPG、WebPで自由にダウンロード。書き出すときに形式を選べるから、変換ツールも追加作業も不要。

詳しく見る
04 / 04
ホバーで再生
Lottie

Lottieアニメーションをダウンロード

Webサイトに埋め込まれたLottie JSONファイルを検出してダウンロード。ダウンロード前にプレビュー可能。

詳しく見る

デザイントークン → Tailwind

カラー、フォント、スペーシング、ラジアスを抽出。tailwind.config.jsとしてエクスポート。

デザイントークンを抽出

ブランドカラーを正確に。

ライブサイトから1ピクセル、または完全なブランドパレットを取得。HEX、RGB、HSL、OKLCHをTailwindやFigma、デザインシステムへ直接エクスポート。

カラーパレットを抽出

SVGをコピー&ダウンロード

SVGコードを即座にクリップボードにコピーまたはファイルをダウンロード。インラインSVG、アイコンシステム、ロゴに対応。

サイトからSVGを抽出

WCAGコントラストをサイト上で。

あらゆるテキスト・UIペアをWCAG AA・AAA基準でチェック。アクセシビリティ問題を本番前に解決。

WCAGコントラストをチェック

ライブラリに保存

カラー、フォント、画像、SVGをパーソナルライブラリに保存。

100%プライベート

ブラウザ内で完全に動作。サーバーには何も送信されません。

多くのデザイナーに愛されています

MiroMiroをご利用いただいているユーザーの声をご紹介します。

Featured review

“The export + prompt workflow is honestly the smartest part here. Giving AI tools a real visual reference instead of starting from scratch makes a huge difference. Also love that you can tweak styles live on the page before exporting. Feels way faster than fighting with DevTools all day.”

LC

Lake Cam

Review

"Really impressed by MiroMiro. The product feels thoughtfully designed, polished, and focused on solving a real problem instead of adding unnecessary complexity."

M

Miguel

Review

"Really impressed with MiroMiro. It saves a ton of time when inspecting websites. No more digging through devtools to find colors, fonts, spacing, assets, etc. Everything is just there instantly. Super useful for designers and frontend devs who want to move fast. Definitely recommend."

NY

Naivaidya Yadav

Frontend Developer

速く動くデザイナーのためのシンプルなツール

あらゆるWebサイトからデザインアセット、コードセクション、トークンを簡単に抽出。

Chromeに追加 - 無料

無料で始められる · クレジットカード不要 · 10,000人以上のアクティブユーザー

今のうちに、ライフタイムアクセスを確保。

すべてのPro機能を3日間無料でお試し。その後は月額€9、または初期ライフタイム枠がある今だけの買い切り。

プロ

€9/月

Spotifyより安い。ずっと使える。

デザイナーの多くは60日以内にLifetimeに切り替えています。

  • 月2,000回のアセットダウンロード
  • 無制限のLottie・デザインシステム出力
  • 無制限のサイトトークン抽出
  • 無制限のコードエクスポート
  • ライブラリストレージ5GB
  • 優先サポート
  • いつでもキャンセル可能
  • 解約後のアップデート
Proにする
最もお得

ライフタイム Pro

€69一回払い€89
€49 のローンチ価格は終了しました次は €89 →

この価格で 50 枠中 0 枠が確定

8ヶ月で元が取れる

サブスクなし。値上げなし。すべてのアップデートを、ずっと。

含まれる機能

  • Proの全機能を永久に
  • 月額・年額の支払い不要
  • 無制限のアセット抽出
  • 無制限のデザインシステム出力
  • 優先VIPサポート
  • ライブラリストレージ5GB
  • 無制限のコードエクスポート
ライフタイムアクセスを取得

60日間返金保証。その後はずっとあなたのものです。

3日間Proをフル体験。クレジットカード不要。無料トライアル開始

Final price in your local currency at checkout.

よくある質問

MiroMiroについて知っておくべきことすべて。お探しの回答が見つかりませんか?

3日間は無料です。Proのすべての機能がアンロックされ、クレジットカード不要。3日間の無料トライアルが終了したら、続けて使うにはプランを選択してください。Lifetime Proは一度きりの支払いで、月額や年額の更新はありません。

MiroMiroはほぼすべての公開Webサイトで動作します。React、Next.js、Vue、WordPress、Webflow、Framerで構築されたサイトにも対応。セキュリティポリシーが厳しいサイトでは一部制限がある場合があります。

MiroMiroをインストールし、Lottieアニメーションが使われているサイトを開いて、Lottieアイコンをクリック。ページに読み込まれた全アニメーションが自動検出されます。プレビューしてLottie JSONまたはdotLottieとしてダウンロード可能。lottie-web、lottie-react、lottie-ios、LottieFilesプレーヤーで動作。DevToolsもネットワークタブも不要です。

はい。ヒーロー、ナビバー、料金カードなどのセクションをクリックすると、MiroMiroがクリーンなHTMLとTailwindクラスとしてエクスポート。値はスクリーンショットの推測ではなく、レンダリングされたDOMから取得するため、カラー・スペーシング・タイポグラフィ・シャドウまでピクセルレベルで正確。Cursor、Claude、v0にそのまま貼り付けて、書き直しなしで利用できます。

学習やインスピレーション、参考のためにCSS、カラー、レイアウトパターンを抽出するのは一般的な慣行です。MiroMiroは「ソースを表示」と同様に、サイトの構造を学ぶためのツールです。商用利用の際は著作権にご注意ください。

DevToolsは生のコードを表示します。MiroMiroはクリーンですぐに使える出力を提供します。セクション全体を本番用コードとしてコピー、アセットを一括ダウンロード、デザインシステム全体をTailwind設定として抽出。DOMを掘り下げる必要はありません。

MiroMiroの利用を続けるにはプランを選択していただきます。3日間のトライアル後は有料です。データは失われません。保存したライブラリと抽出したアセットはそのまま残ります。Lifetime Pro(一度きりの支払い)またはStarter/Proサブスクリプションへワンクリックでアップグレードできます。

MiroMiroはブラウザ内で完全に動作します。抽出したアセットやライブラリデータはお使いのマシンに保存されます。プラン管理のための匿名利用カウントのみ保存します。それ以外は何も保存しません。

プロフィールページからいつでも解約可能です。請求期間の終了までアクセスは継続します。ご満足いただけない場合は、14日以内にご連絡いただければ全額返金いたします。

はい、まさにそのために作られました。MiroMiroはコンポーネントをクリーンでセマンティックなTailwind HTMLとしてエクスポートするので、Cursor、Claude、Lovable、Bolt、v0、ChatGPTにそのまま貼り付けられます。AIツールは実際のクラス名と値を持つ本物のコードを読むため、スクリーンショットから推測するのではなく、リファクタリング、適応、構成を行います。

言葉だけでは信じられないなら

MiroMiroが自分に合うか迷っていますか?

お気に入りのAIに聞いてみましょう。ボタンを押すだけで、あらゆるWebサイトからコード・デザイントークン・アセットを抽出する性能について教えてくれます。