Harshit Suneja
Harshit Suneja Experience Designer · PwC India

Episode #04 — Design System Validator

Type a user frame. Catch token mismatches, detached components, and structural layout breaks in one click. Reduced manual QA and developer PR review loops.

#DesignSystems #FigmaPlugin #DesignOps #AIinDesign

View post & demo on LinkedIn ↗

Design System Validator

A Figma plugin that runs comprehensive system checks to catch token mismatches, off-grid spacing, undocumented variants, and structural layout breaks before handoff.

Overview

A tireless proofreader for your Figma files.

It checks your active frames and catches token mismatches, detached components, off grid spacing, and auto layout breaks right on the canvas, with one click fixes back to approved tokens.

Problem

At scale, manual design system audits became the bottleneck.

As files spread across product teams, catching every off system tweak by hand was slow and easy to miss, and the ones that slipped through only showed up later, in the engineer's PR review.

Outcome

Breaks caught before handoff, not in PR review.

~40%
Fewer handoff defects reaching engineering PR reviews.
1 click
Inline remediations swap each deviation back to an approved token.