HieraScope

HieraScope is a web app (with a Figma plugin) that audits visual hierarchy on real screens using lightweight AI plus deterministic UI metrics. You upload screenshots or connect a Figma frame; it generates a hierarchy map showing what users will notice first, second, and third, then flags problems like competing CTAs, weak headings, low-contrast emphasis, and noisy layouts. It outputs a prioritized fix list with measurable targets (e.g., “Primary CTA salience +18% if size +12% and contrast +0.8”). It also includes quick A/B “attention checks” by recruiting a small panel for 5‑second tests, so teams can validate the AI’s predictions. Reports are shareable, track changes over time, and can be added to design QA before handoff. This is not magic: it won’t replace user research, but it can catch obvious hierarchy failures cheaply and early.