Scrutinizer Pro

About this plugin

Built on the latest in the cognitive science of vision, Scrutinizer Pro uses a real-time visual simulation to test your UI against the fundamental biological limits of human perception. Stop guessing how users see your work.

🧠 Core Value Proposition: Test Visual Reality (The "Why")

Scrutinizer Pro is not a simple filter—it is a real-time simulation powered by a custom WebGL Fragment Shader. We model the physiological constraints of the retina to help you optimize how humans navigate your design.

1. Optimize Visual Trajectories (Saccadic Planning)

Did you know the blur in the periphery dictates the effort of every eye jump?

The Consequence: OBJECTS CROWD, SPACING IS NOT OPTIONAL. Due to low acuity (Box Sampling) and positional uncertainty (Domain Warping), peripheral elements become distorted and hard to target. This forces users into slow, corrective eye movements.

The Fix: Use the Foveal Pointer to simulate a fixation point and confirm that your grouping and whitespace provide enough perceptual separation to allow the eye to land accurately.

2. Ensure Structural Hierarchy (Luminance Contrast)

Did you know the entire color spectrum is useless for guiding the eye in certain conditions?

The Consequence: HIERARCHY MUST BE STRUCTURAL. If your design relies on color, peripheral vision may not be able to discriminate and scan paths will be impaired.

The Fix: Simulate the reduced color perception and view your design in a luminance-mostly world. Ensure your CTAs and visual hierarchy are maintained purely by contrast and size.

⚙️ Key Feature: Exportable Artifacts: Use the "Save to Canvas" feature to instantly bake the current simulated view into a new Figma frame. Perfect for design critiques, documentation, and handover to engineering.

Built on Research: Developed using principles of Engineering Psychology and detailed foveated vision models. A parallel open source browser project exists aimed at supporting research, https://github.com/andyed/scrutinizer2025