Yet Another Design Linter

About this plugin

✨ Yet Another Design Linter (YADL): Your Design System's Enforcer

YADL is the essential Figma plugin for teams who care about consistency, scalability, and design system integrity. Automate linting, enforce variable use, and ship cleaner designs—fast.

🚀 Why use it?

Design systems aren't just style guides—they're contracts. YADL automates enforcing those contracts so you're not stuck playing pixel cop.

🔍 What it does:

• Variable-Aware Linting + Auto-Fix: Instantly checks padding, gap, radius, stroke width, fills, strokes, effects, and typography—flags rogue values and suggests or auto-applies matching design tokens.

• Smart Error Grouping: See issues grouped by type and value with intelligent prioritization; focus on what matters most.

• Typography Linting: Comprehensive checks for font family, size, weight, line height, and letter spacing consistency.

• Deleted Variable Detection: Identifies broken variable references and optionally auto-detaches them to prevent errors.

• Component Structure Analysis: Detects nested components that may cause performance issues.

• Accessibility Checks: Flags common a11y pitfalls for inclusive design.

• Flexible Layer Filtering: Configurable options to include/exclude hidden or locked layers.

• Strict Linting Mode: Enhanced validation rules for production-ready designs.

• Variable Collection Control: Choose which variable collections to include in suggestions.

• Persistent UI State: Remembers window size and settings for smoother workflow.

• Precise Value Suggestions: See exact px values next to each suggestion—no guessing.

• Resizable, Accessible UI: Resize handle + full keyboard navigation for better UX.

🚦 It detects:

✅ Generic layer names (e.g., "Frame 1", "Rectangle 2")

✅ Absolute positioning inside auto layout

✅ All padding types (left, right, top, bottom, horizontal, vertical) not using variables

✅ Gap, border radius, stroke width not using variables

✅ Fill colors, stroke colors, effects not using variables

✅ Typography properties (font family, size, weight, line height, letter spacing) not using variables

✅ Broken variable references from deleted design tokens

✅ Nested components causing potential performance issues

✅ Issues in hidden or locked layers (configurable)

🎨 How it works:

1. Run the plugin in your Figma file.

2. Review errors categorized by type (Core Design, Spacing & Layout, Visual Properties, Typography, Variable Management, Component Structure).

3. Apply auto-suggestions with one click or fix issues manually.

4. Configure settings to match your team's workflow and design system.

💡 Who it's for:

• Designers who care about clean, token-driven files

• Teams enforcing scalable, maintainable design systems

• Design system managers ensuring consistency across projects

• Developers who need structured, handoff-ready designs

• Teams transitioning to variable-based design workflows

🎯 Perfect for:

• Design system audits and cleanup

• Onboarding new team members to design standards

• Pre-handoff quality checks

• Maintaining design token consistency at scale

Made with ❤️ for the Adtraction design team by Jonatan D. Bjerrekær.

YADL: Keep your Figma files clean, scalable, and system-perfect—automatically.