概要
Inspect CSS visually on any webpage without opening DevTools — a Figma Dev Mode for the live web.
PixelPeek brings Figma's Dev Mode experience to any website you visit — no DevTools, no digging through Elements panels. Hold Ctrl and hover over any element to instantly see its box model, spacing, typography, colors, and flex/grid layout in a clean floating overlay. Click to pin a detailed property panel with one-click copy for every value. Why install PixelPeek? • Faster than DevTools — inspect any element in one keystroke, without switching tabs or hunting through nested HTML • Designer-friendly readout — see margin/padding as color-coded overlays (just like Figma), with Fill/Hug labels, alignment matrix, gradient previews, and color swatches • Smart component detection — buttons, navbars, and cards are automatically highlighted in purple so you always know what you're inspecting • Copy anything instantly — CSS values, colors, and even full-resolution images to clipboard in one click • Zero setup — no login, no configuration, no external services. Install and start inspecting immediately • Works on every site — inspects live pages, staging environments, competitor UIs, and design systems alike Perfect for frontend developers debugging spacing, designers doing QA on live builds, and anyone who's ever thought "I just want to know what font that is."
詳細
- バージョン1.0.1
- 更新:2026年3月5日
- 提供元Kaito Yoneda
- サイズ68.62KiB
- 言語日本語
- デベロッパー米田海翔
西区平沼１丁目５−２５ グラサージュ横濱リヴィエール 205 横浜市, 神奈川県 220-0023 JPメール
design@kaito-yoneda.com電話
+81 70-9110-6878 - トレーダーデベロッパーは、欧州連合の定義に基づき、取引業者として申告し、EU の法律を遵守した商品やサービスのみを提供することを約束しています。
プライバシー
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
