Design Prepper

About this plugin

Design Prepper scans your selection for inconsistencies in spacing, typography, and colors, and shows you what isn’t connected to variables or styles.

Instant Design Token Audit

DesignPrepper scans your Figma selection and reveals every unbound value—whitespace, colors, typography, and border radii—in seconds.

One-Click Variable Binding

Automatically match unbound values to your existing variables. Click once, link everything. No manual hunting through properties panels.

Bulk Operations That Actually Work

1. "Apply nearest match for all results" maps dozens of values to variables in one action. Visual progress bars show exactly what's happening.

How to use:

1. Setup your variables, color variables/styles and typography styles first.
2. Run the plugin.