Install the plugin
Install LintKit
Go to Plugins > Community, search for LintKit, and click Install.Or open the LintKit plugin listing directly.
Understand the plugin layout
- Left Navigation Tabs — categories like Styles, Values, Components, Structure, Naming, and Accessibility. Click a tab to see findings for that category only.
- Findings list — each finding describes one inconsistency, grouped by rule. Click a finding to select the affected layers on the canvas.
- Settings and Docs — access rule configuration and documentation from the bottom of the navigation rail.
- Inspector Panel — when you click a finding, a detail panel opens on the right showing the finding summary, affected nodes, and available fixes.
Run your first scan
LintKit scans the current page automatically when it opens. You don’t need to click anything. After the scan completes, you see:
- Severity selector — filter findings by error (red), warning (yellow), or info (blue)
- Rule violation row — each finding describes one inconsistency, grouped by rule (e.g., “Fills without styles”)
- Node count per finding — shows how many layers are affected by each rule violation
LintKit scans the current page by default. Hidden and locked layers are skipped unless you enable them in configuration.
Scanning a selection
To scan only specific layers instead of the whole page:- Select one or more layers on the canvas
- LintKit automatically re-scans your selection
- Findings update to show only what’s relevant to the selected layers
Explore findings
Click any finding in the results list to:- Select the affected layers on the canvas — LintKit highlights them so you can see exactly where the problem is
- Open the inspector — a detail panel showing the finding’s summary, affected node count, and available fixes
- Navigate between nodes — if the finding affects multiple layers, click individual nodes in the inspector to jump between them
Fix a finding
Once you’ve selected a finding, the inspector shows your fix options:
Review the suggested fix
Most findings include a primary suggested fix. For example, an orphaned fill might suggest “Map to Primary/Blue” — the closest matching style in your file.Some findings offer multiple fix options. For example, an orphaned fill might let you map to a style, bind to a variable, or create a new style.
Choose the scope
Apply the fix to:
- This instance — fix just the selected node
- All in this finding — fix every node grouped under this finding
Fix confidence
Not all findings can be auto-fixed with equal safety. LintKit shows a confidence level:| Confidence | Meaning | Example |
|---|---|---|
| High (auto-fixable) | Safe to apply — changes a single property without side effects | Snapping padding from 7px to 8px in auto-layout |
| Medium (review suggested) | Likely correct but could affect layout | Changing element width or height |
| Low (manual fix) | LintKit can’t auto-fix safely — provides instructions instead | Adjusting gaps between layers in a freeform frame |
Ignoring findings
If a finding is intentional (for example, a one-off spacing exception), click Ignore to dismiss it. Ignored findings:- Persist across scans
- Can be scoped to the file (everyone sees it ignored) or just you (personal), depending on your configuration
- Can be shown as dimmed results if you enable Show ignored in results in settings
Configure for your team
The default settings work well for general use. For tighter enforcement, configure LintKit to match your design system:Open settings
Click the Settings tab in the plugin’s navigation.
- Settings tabs — switch between rule configuration, integrations, and other options
- External library manager — manage which design libraries LintKit uses for color matching and style suggestions
Library loading can take a minute for large libraries with many styles and components.
Set your spacing scale
If your team uses an 8px spacing grid, enter your allowed values (e.g.,
0, 4, 8, 16, 24, 32, 48, 64) and enable the Spacing Scale rule.Set your corner radii
Enter the corner radius values your design system uses (e.g.,
0, 4, 8, 16) and enable the Corner Radii rule.Connect your tokens (optional)
If your team uses Tokens Studio or stores tokens in GitHub, connect them in the Integrations section to auto-configure spacing, radii, and color rules. See Tokens Studio or GitHub for setup.
Category navigation
Compact view
LintKit adapts to narrow plugin windows with a compact layout that works on smaller screens.
What’s next?
Browse all rules
See all 24 rules, what they check, and how to fix their findings.
Configure rules
Set up spacing scales, radii, color tolerances, and library governance.
Compliance dashboard
Understand your compliance score and handoff readiness.
Connect design tokens
Auto-configure rules from Tokens Studio or GitHub token files.