Open Inspector logo

Open Inspector

任意のウェブサイトにホバーするだけで、そのデザインシステムを取得。オープンソース。無料。

掲載情報

HiCyou の掲載記録

掲載中
掲載先サイト
patlf.github.io
掲載記録の作成日
2026/10/03
記録の最終更新
2026/10/06

掲載されている情報

  • 概要
  • 主な機能 4 件
  • ユースケース 3 件

このページは HiCyou の掲載記録を示すものであり、セキュリティ、所有権、または製品品質を認証するものではありません。

機密情報を共有したり購入したりする前に、外部サイトを確認してください。

Open Inspector preview

Open Inspectorとは

Open Inspectorは、任意のウェブページのレイアウト、スタイル、カラー、タイポグラフィ、アセットを検証し、デザイントークンをエクスポートできる無料のオープンソースブラウザ拡張機能です。多くの人気の代替ツールとは異なり、サイトへのアクセス権限を要求せず、ネットワークリクエストも一切行いません。MITライセンスで、アカウント登録も不要です。

主な機能

任意のページのレイアウト、スタイル、カラー、タイポグラフィ、アセットを検証
ページのデザイントークンをエクスポート
サイトへのアクセス権限を要求せず、ネットワークリクエストも一切なし
MITライセンスのオープンソースで、アカウント登録不要

ユースケース

  • 閲覧中のウェブサイトのデザインシステムを検証
  • 既存のページからデザイントークンを抽出
  • フロントエンド開発中のレイアウトとスタイルの監査

スタートアップにこのツールが必要な理由

スタートアップや小規模チームは、Open Inspectorを使用して競合他社のデザインシステムを調査し、プレミアム検証ツールに支払うことなくデザイントークンを抽出できます。また、プライバシーを重視したネットワークリクエストゼロのアプローチは、厳格なセキュリティ要件を持つチームに適しています。

よくある質問

Open Inspectorの代替ツール

CSS Peeper
WhatFont
ColorZilla