ブラウザ拡張機能

DevToolsを掘り返すのはもうやめよう。
ワンクリックで任意の要素を検査。

デザイナーと開発者のためのCSSインスペクター。スタイル、カラー、フォントをコピー — Tailwind、Flutterなど8つ以上のフォーマットにエクスポート。DevToolsの10倍速い。

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
近日公開

なぜ GetLayers?

DevToolsの数十のタブを置き換える3つのスーパーパワー。

10種類のエクスポートフォーマット Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — ワンクリックで任意のフォーマットをコピー。

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

AI駆動ワークフロー Pro

Claude MCPを搭載した唯一のCSSインスペクター。要素の検査、スタイルの編集、ウィジェットの一覧表示 — すべてAIアシスタントから。

AIを搭載した唯一のCSSインスペクター

完全なデザインツールキット Pro

編集モード、スペーシング、ルーラー、スクリーンショット — デザイナーに必要なすべてが一つの拡張機能に。

Free vs Pro

手に入るもの、そして見逃しているものをすべて確認。

Free

探索するには十分
検査と理解
✓ ライブ検査
✓ 宣言された値
✓
フォントインスペクター
フォント、サイズ、ウェイト、line-height — ホバーで表示
✓
カラーピッカー
ページ上の任意のカラーをワンクリックでコピー
✓
Color Lens
要素のカラーと背景 — 一目で確認
✓
カラーパレット
ページ上のすべてのカラーを自動収集
— WCAGコントラストチェック
—
ピッカー履歴
コピーしたすべてのカラーの履歴
コピーとエクスポート
✓ CSS & JSON
— SCSS
— Tailwind
— Flutter
— SwiftUI
— React JSX
— Compose
— Figma JSON
— Compact AI
編集とデザイン
— ロックと編集
—
スペーシングとルーラー
padding、margin、要素間の距離。CSSアニメーション用 — min/max値
—
CSS Diff
2つの要素を比較:異なる点と共通点
— スクリーンショット
—
編集プロファイル
編集したスタイルを自動適用されるプロファイルとして保存
ダウンロードと共有
—
アセットダウンロード
任意のページから画像、フォント、背景をダウンロード
—
プレビューと ZIP
選択した要素を別ページで分離してプレビュー
— ZIPエクスポート
AIスーパーパワー
— MCPウィジェットリスト
—
MCP Inspect
AIアシスタントを接続してスタイルを検査・編集
— MCPスタイル編集

Pro

必要なすべて
検査と理解
✓ ライブ検査
✓ 宣言された値
✓
フォントインスペクター
フォント、サイズ、ウェイト、line-height — ホバーで表示
✓
カラーピッカー
ページ上の任意のカラーをワンクリックでコピー
✓
Color Lens
要素のカラーと背景 — 一目で確認
✓
カラーパレット
ページ上のすべてのカラーを自動収集
✓ WCAGコントラストチェック
✓
ピッカー履歴
コピーしたすべてのカラーの履歴
コピーとエクスポート
✓ CSS & JSON
✓ SCSS
✓ Tailwind
✓ Flutter
✓ SwiftUI
✓ React JSX
✓ Compose
✓ Figma JSON
✓ Compact AI
編集とデザイン
✓ ロックと編集
✓
スペーシングとルーラー
padding、margin、要素間の距離。CSSアニメーション用 — min/max値
✓
CSS Diff
2つの要素を比較:異なる点と共通点
✓ スクリーンショット
✓
編集プロファイル
編集したスタイルを自動適用されるプロファイルとして保存
ダウンロードと共有
✓
アセットダウンロード
任意のページから画像、フォント、背景をダウンロード
✓
プレビューと ZIP
選択した要素を別ページで分離してプレビュー
✓ ZIPエクスポート
AIスーパーパワー
✓ MCPウィジェットリスト
✓
MCP Inspect
AIアシスタントを接続してスタイルを検査・編集
✓ MCPスタイル編集
50+
ツール
10
フォーマット
20
言語
2
デバイス

シンプルな料金

無料で始めよう。必要な時にアップグレード。

Pro 永久
¥7,499
一回払い
全10フォーマット、編集モード、スペーシング、スクリーンショット、AI — 完全なツールキット
永久アクセスを取得
一回払い。永久に使える。更新不要
Pro 月額
¥449
月額
全10フォーマット、編集モード、スペーシング、スクリーンショット、AI — 完全なツールキット
Proにする
コーヒー1杯以下。いつでもキャンセル可能
Free
¥0
永久無料
9つの無料ツール、2つのエクスポートフォーマット、20言語
検査を始めよう — 無料
カード不要。10秒で開始
7日間返金保証

FAQ

はい!ライブ検査、CSS/JSONコピー、カラーピッカー、フォントインスペクター、Color Lens、カラーパレット、20言語すべてが完全無料です。試用期間なし、時間制限なし。
10種類のエクスポートフォーマット(SCSS、Tailwind、Flutter、SwiftUI、Compose、Figma JSON、Compact AI)、ロック&編集モード、編集プロファイル、ピッカー履歴、アセットダウンロード、スペーシング&ルーラーツール、スクリーンショット、完全なMCP AI統合。
Proライセンスは最大2台のデバイスで動作します。スロットを空けるために、いつでもデバイスを無効化できます。
はい、7日間の返金保証、質問なし。
GetLayersはChrome、Brave、Edge、Operaで動作します。Firefoxにも対応しています。Safariは近日対応予定です。
購入後、メールでライセンスキーが届きます。GetLayersのポップアップを開き、設定に移動してキーを貼り付けてください。即座に有効化されます。
GetLayersのポップアップで設定を開き、無効化をクリックします。これでデバイススロットが空きます。同じキーで新しいデバイスで有効化してください。
ライセンスキーはローカルに保存されています。再インストール後、設定でキーを再入力してください。両方のスロットが使用中の場合は、まず一方を無効化してください。
支払いにはGumroadを使用しています。主要クレジットカード、PayPal、Apple Payに対応しています。
月額・年額プランは自動更新です。永久プランは一回払い — 将来のアップデートを含め、永久にお使いいただけます。

お問い合わせ

ご質問、バグ報告、コラボレーションのご提案がありましたら、メッセージをお送りください。

メッセージを送信しました!
できるだけ早くご返信いたします。