ブラウザ拡張機能

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に対応しています。
月額・年額プランは自動更新です。永久プランは一回払い — 将来のアップデートを含め、永久にお使いいただけます。

お問い合わせ

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

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