Pixel Audit

About this plugin

Pixel Audit is a lightweight, powerful linter and counter designed to help you catch inconsistencies before they reach development. Stop manually hunting for detached styles or hidden layers. et Pixel Audit do the heavy lifting.

Key Features:

🎨 Color & Typography Analytics

1. Get a full breakdown of every hex code and font combination used on your page.
2. Typography is automatically grouped by Font Family for a cleaner view.
3. Instantly see how many times each element is used.

l🔍 Interactive Navigation

Click any item in the list to instantly select and zoom to those layers in Figma. Perfect for bulk-fixing or deleting "rogue" elements.

🛠 The Audit Suite (Find Design Debt)

Pixel Audit scans your page for common technical errors:

1. Detached Styles: Find colors and text that aren't linked to your design system.
2. Off-Pixel Layers: Identify layers with decimal coordinates or dimensions (e.g., 100.4px) that cause blurry rendering.
3. Ghost Text: Locate and remove empty text layers that clutter your file.
4. Hidden Layers: Find and purge invisible layers to improve file performance.
5. Radii Audit: Check for inconsistent corner radii across your components.

How to use:

1. Run Pixel Audit.
2. Switch between the Colors, Type, and Audit tabs.
3. Click any row to jump to those layers.
4. Hit Refresh after making changes to see your updated results!

Why designers love it:

Built for designers who care about precision. Use it during your weekly file cleanup or right before a developer handoff to ensure a pixel-perfect delivery.