Linterly - Ultimate Design Roaster

About this plugin

Is your design file a mess of random hex codes and detached text styles?

Linterly is the "Design Roaster" that scans your selection or entire page to find inconsistencies, accessibility failures, and lazy design habits. It doesn't just find problems—it fixes them by intelligently finding the closest matching Style or Variable in your local library.

Key Features:

1. Auto-Link Colors & Typography: Detects hardcoded hex values (e.g., #F97316) and instantly links them to your closest Design System variable (e.g., primary/orange).
2. Accessibility (A11y) Guard: Automatically flags low-contrast text and font sizes smaller than 12px to ensure WCAG compliance.
3. Touch Target Checker: Warns you if interactive elements (buttons, icons) are smaller than 44px.
4. 8pt Grid Enforcement: Checks corner radii to ensure they align with a 4px/8px grid system.
5. Auto-Fix Magic: Fix individual issues or click "Fix All" to instantly tidy up your layers.

How it works:

1. Select a frame (or scan the whole page).
2. Watch Linterly roast your design health with a score (0–100%).
3. Click "Fix Now" to automatically apply the correct local styles.

Stop shipping "detached" designs. Keep your system clean with Linterly.