Item logo image for PixelPeek

PixelPeek

Item media 1 (screenshot) for PixelPeek

Overview

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."

Details

  • Version
    1.0.1
  • Updated
    March 5, 2026
  • Offered by
    Kaito Yoneda
  • Size
    68.62KiB
  • Languages
    日本語
  • Developer
    米田海翔
    西区平沼1丁目5−25 グラサージュ横濱リヴィエール 205 横浜市, 神奈川県 220-0023 JP
    Email
    design@kaito-yoneda.com
    Phone
    +81 70-9110-6878
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

Page to design

1.0

Convert any webpage into Figma as editable designs.

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

PixelParallel by htmlBurger

4.7

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

HTML to Figma Capture

0.0

Capture any web page and export it as an .h2f file for import into the HTML to Figma plugin.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Web Inspector

4.6

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

Copy web to Figma - 复制为可编辑设计稿,无需安装Figma插件

5.0

一键复制网页转换为可编辑的 Figma 设计稿,支持任何网站,无需Figma插件,免费使用

Refore HTML to Figma (Pixel-Perfect Web to Figma Design)

4.2

Transform any web into Figma with Pixel-Perfect. AI-Generated Pages Also Supported

RocketPen Website to Figma

5.0

Free website to Figma converter: capture any webpage or HTML element as editable Figma designs.

Impeccable

5.0

Detect common UI anti-patterns in any web page

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

Page to design

1.0

Convert any webpage into Figma as editable designs.

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

PixelParallel by htmlBurger

4.7

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

HTML to Figma Capture

0.0

Capture any web page and export it as an .h2f file for import into the HTML to Figma plugin.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Web Inspector

4.6

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

Google apps