Scrutinizer Pro
by Andy Edmonds
Design for the eye. Calibrate saccadic cost and structural hierarchy. Stop guessing at usability
Installs
2
Likes
4
Users
23
Views
48
Preview
About this plugin
# Figma Store Listing — Scrutinizer ProBuilt on the cognitive science of peripheral vision, Scrutinizer Pro simulates the biological limits of human sight directly on your Figma canvas. See what your users actually see — not what your monitor shows.## Core Value: Design for Biology, Not AssumptionsScrutinizer Pro isn't a blur filter — it's a real-time WebGL pipeline modeling retinal processing from the fovea outward. We simulate what the visual system discards so you can design for what it keeps.## 1. Test Peripheral Navigation (Crowding & Saccadic Effort)Your users don't read layouts — they jump between fixation points. In the periphery, letters crowd together, positions scramble, and targeting gets expensive.*The problem:* Elements that look distinct at full resolution become indistinguishable at the eccentricities where saccades are planned. Tight spacing forces slow, corrective eye movements.*The fix:* Place the foveal pointer on a fixation point and verify that your grouping, whitespace, and element sizing survive peripheral degradation. If two buttons merge — they're too close.## 2. Verify Hierarchy Without Color (Chromatic Attenuation)Color discrimination drops sharply outside the fovea — red-green distinctions fade first, and fine hue differences become unreliable. If your visual hierarchy depends on color alone, it weakens with eccentricity.*The problem:* A red CTA and a blue link may look distinct at fixation. A few degrees out, the chromatic contrast between them is greatly reduced — not enough to guide a saccade.*The fix:* Simulate peripheral desaturation and confirm your hierarchy holds on contrast and scale, not just hue. Structure that survives reduced color vision works everywhere.## Export & ShareSave the simulated view to your Figma canvas — one click produces a new frame ready for design reviews, accessibility audits, and engineering handoff.## Learn MoreHow Spatial Pooling Models Peripheral Vision — the rendering technique behind the blurChromatic Decay: How Color Fades in the Periphery — the science behind section 2Reading Span and the Foveal Gradient — why text readability depends on where you lookProject History — from research prototype to design toolhttps://andyed.github.io/scrutinizer-www/blog/project-history.html## Research-BackedBuilt on foveated vision models from engineering psychology. The parallel open-source desktop app supports academic research:https://github.com/andyed/scrutinizer2025
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility