GetLayers: CSS インスペクター・スタイルコピー・素材ダウンローダー 作成者: GetLayers、 PajaTools
あらゆる要素のCSS、Tailwind、カラー、フォント、アセットを検査・コピー。開発者とデザイナーのためのデザインツール。
拡張機能メタデータ
スクリーンショット
この拡張機能について
気に入ったデザインを見つけたら、ホバーしてクリックするだけ。もうあなたのものです。
GetLayers は、あらゆるウェブサイトをコピー元に変えます。要素を検査し、お使いのスタックに合わせたクリーンなコードを取得し、本物のレイヤーとして Figma に貼り付け、余白を測定し、色とフォントを拾い、ページで使われている画像、アイコン、動画、音声、フォント、ファイルを保存できます。DevTools を掘り下げたり、スクリーンショットを見て推測したりする必要はありません。
ワンクリックで検査してコピー
- 要素にホバーするだけで、スタイル、ボックスモデル、タイポグラフィ、色、コントラストをひと目で確認
- クリックでコードをコピーして要素を固定し、矢印キーでページ内を移動
- Web、モバイル、デザインツール向けの 10 種類のコード形式でエクスポート。シンプルな CSS から Tailwind、React、Flutter、SwiftUI まで対応
- 要素を単独でプレビューしたり、きれいなスクリーンショットを撮ったり、すべてのウィジェットを ZIP でエクスポート
FIGMA にコピー（Pro、ベータ版）
- Cmd+V または Ctrl+V で、要素やページ全体を Figma に貼り付け
- 平面的な画像ではなく、オートレイアウト付きの本物のフレーム、テキスト、画像として取り込み
- ページの色とテキストスタイルをまとめたスタイルガイドをエクスポート
ダウンロードウィンドウ（G キーで開く）
- CSS の背景、レスポンシブ版、SVG アイコン、Lottie、Rive を含む、ページ上のすべての画像
- サイズごとにグループ化され、最高画質にはマーク付き。ぼやけたサムネイルを保存してしまうことはありません
- プレビューフレーム付きの動画、1 つのファイルとして保存されるストリーム、VTT または SRT の字幕
- 音声、ライブプレビュー付きのフォント、ページがリンクしている PDF、ドキュメント、アーカイブ
- 検索、フィルター、ファイル名テンプレート、リンクのコピー、最近のダウンロード一覧
- 見つかった動画はすべてキューに保持され、ページを再読み込みしてもダウンロードは継続
- Pro ツール: スクロールして収集、画像の変換とリサイズ、コード用アイコンのエクスポート、TTF または OTF のフォントとフォントキット ZIP
ページ上でそのままライブ編集
- スタイルを変更すると結果が即座に反映。元に戻すことも可能
- 編集内容をプロファイルとして保存し、次回から自動で適用
- 2 つの要素を並べて比較し、違いを確認
- 要素を動かして、新しいレイアウトを試せます
デザイナーのように測定
- パディング、マージン、ギャップのスペースオーバーレイ
- 2 つの要素間の正確な距離を測る定規
- ページのカラーパレットとフォントインスペクター
AI ワークフローに対応
- 内蔵の MCP サーバーで AI コーディングアシスタントを接続すれば、ライブページ上の要素を検査し、スタイルを編集できます
速くて使いやすい
- 初回起動時に使い方を選択: スタイルの検査とコピー、またはアセットのダウンロード。設定からいつでも切り替え可能
- 好きな場所にドラッグできるツールバーと、DevTools サイドバー
- あらゆる操作にキーボードショートカットを用意。? キーで一覧を表示
- 20 言語に対応
無料版と PRO
無料プランには、ライブ検査、CSS と JSON のコピー、色とフォントのツール、DevTools サイドバー、機能制限付きのダウンロードウィンドウが含まれます。アカウントは不要です。
Pro では、すべての形式、Figma にコピー、プロファイル付きのライブ編集、測定ツール、要素の比較、スクリーンショット、ZIP エクスポート、Pro ツール付きの無制限ダウンロード、AI 連携が使えます。7 日間の返金保証つき。
Pro を 7 日間無料でお試しください。メールで無料キーを受け取り、設定に貼り付けるだけ。カードは不要です。
プライバシー
広告なし、無料プランはアカウント不要。あなたのページ、編集内容、ダウンロード、訪問先のアドレスがブラウザの外に出ることはありません。Pro ではライセンスキーを確認のために送信します。機能の利用状況の匿名集計は、許可した場合にのみ送信され、設定でいつでもオフにできます。任意のフィードバックフォームで送信されるのは、入力した内容に加えて、拡張機能のバージョン、ブラウザ、システム、言語、プランだけです。
ご注意
GetLayers が保存するのは、お使いのブラウザがすでに読み込んでいるファイルです。著作権とサイトの利用規約を尊重してください。DRM で保護されたストリームと YouTube の動画には対応していません。
ウェブサイトと料金: https://getlayers.pro
ご質問やご要望: getlayers.help@gmail.com
GetLayers は、あらゆるウェブサイトをコピー元に変えます。要素を検査し、お使いのスタックに合わせたクリーンなコードを取得し、本物のレイヤーとして Figma に貼り付け、余白を測定し、色とフォントを拾い、ページで使われている画像、アイコン、動画、音声、フォント、ファイルを保存できます。DevTools を掘り下げたり、スクリーンショットを見て推測したりする必要はありません。
ワンクリックで検査してコピー
- 要素にホバーするだけで、スタイル、ボックスモデル、タイポグラフィ、色、コントラストをひと目で確認
- クリックでコードをコピーして要素を固定し、矢印キーでページ内を移動
- Web、モバイル、デザインツール向けの 10 種類のコード形式でエクスポート。シンプルな CSS から Tailwind、React、Flutter、SwiftUI まで対応
- 要素を単独でプレビューしたり、きれいなスクリーンショットを撮ったり、すべてのウィジェットを ZIP でエクスポート
FIGMA にコピー（Pro、ベータ版）
- Cmd+V または Ctrl+V で、要素やページ全体を Figma に貼り付け
- 平面的な画像ではなく、オートレイアウト付きの本物のフレーム、テキスト、画像として取り込み
- ページの色とテキストスタイルをまとめたスタイルガイドをエクスポート
ダウンロードウィンドウ（G キーで開く）
- CSS の背景、レスポンシブ版、SVG アイコン、Lottie、Rive を含む、ページ上のすべての画像
- サイズごとにグループ化され、最高画質にはマーク付き。ぼやけたサムネイルを保存してしまうことはありません
- プレビューフレーム付きの動画、1 つのファイルとして保存されるストリーム、VTT または SRT の字幕
- 音声、ライブプレビュー付きのフォント、ページがリンクしている PDF、ドキュメント、アーカイブ
- 検索、フィルター、ファイル名テンプレート、リンクのコピー、最近のダウンロード一覧
- 見つかった動画はすべてキューに保持され、ページを再読み込みしてもダウンロードは継続
- Pro ツール: スクロールして収集、画像の変換とリサイズ、コード用アイコンのエクスポート、TTF または OTF のフォントとフォントキット ZIP
ページ上でそのままライブ編集
- スタイルを変更すると結果が即座に反映。元に戻すことも可能
- 編集内容をプロファイルとして保存し、次回から自動で適用
- 2 つの要素を並べて比較し、違いを確認
- 要素を動かして、新しいレイアウトを試せます
デザイナーのように測定
- パディング、マージン、ギャップのスペースオーバーレイ
- 2 つの要素間の正確な距離を測る定規
- ページのカラーパレットとフォントインスペクター
AI ワークフローに対応
- 内蔵の MCP サーバーで AI コーディングアシスタントを接続すれば、ライブページ上の要素を検査し、スタイルを編集できます
速くて使いやすい
- 初回起動時に使い方を選択: スタイルの検査とコピー、またはアセットのダウンロード。設定からいつでも切り替え可能
- 好きな場所にドラッグできるツールバーと、DevTools サイドバー
- あらゆる操作にキーボードショートカットを用意。? キーで一覧を表示
- 20 言語に対応
無料版と PRO
無料プランには、ライブ検査、CSS と JSON のコピー、色とフォントのツール、DevTools サイドバー、機能制限付きのダウンロードウィンドウが含まれます。アカウントは不要です。
Pro では、すべての形式、Figma にコピー、プロファイル付きのライブ編集、測定ツール、要素の比較、スクリーンショット、ZIP エクスポート、Pro ツール付きの無制限ダウンロード、AI 連携が使えます。7 日間の返金保証つき。
Pro を 7 日間無料でお試しください。メールで無料キーを受け取り、設定に貼り付けるだけ。カードは不要です。
プライバシー
広告なし、無料プランはアカウント不要。あなたのページ、編集内容、ダウンロード、訪問先のアドレスがブラウザの外に出ることはありません。Pro ではライセンスキーを確認のために送信します。機能の利用状況の匿名集計は、許可した場合にのみ送信され、設定でいつでもオフにできます。任意のフィードバックフォームで送信されるのは、入力した内容に加えて、拡張機能のバージョン、ブラウザ、システム、言語、プランだけです。
ご注意
GetLayers が保存するのは、お使いのブラウザがすでに読み込んでいるファイルです。著作権とサイトの利用規約を尊重してください。DRM で保護されたストリームと YouTube の動画には対応していません。
ウェブサイトと料金: https://getlayers.pro
ご質問やご要望: getlayers.help@gmail.com
0 人のレビュー担当者が 0 と評価しました
権限とデータ
必要な権限:
- 開いたタブのユーザーデータへアクセスするため開発ツールを展開
- ファイルのダウンロードおよびブラウザーのダウンロード履歴の読み取りと変更
任意の許可設定:
- すべてのウェブサイトの保存されたデータへのアクセス
データ収集:
- 開発者によると、この拡張機能はデータ収集を必要としません。
開発者によると、任意のデータ収集は次のとおりです:
- 認証情報
- 個人的な通信情報
- 個人を特定可能な情報
- 技術データと対話データ
詳しい情報
- バージョン
- 1.4.3
- サイズ
- 1.3 MB
- 最終更新日
- 4日前 (2026年11月10日)
- ライセンス
- All Rights Reserved
- プライバシーポリシー
- このアドオンのプライバシーポリシーを読む
- バージョン履歴
- コレクションへ追加