skills.rest
rp4ri
rp4riCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-lint

Inspect Figma files for design issues using predefined rules.

Updated Jun 2, 2026
Search Tags:#typography#accessibility#Figma#design quality#design linting
One-click install
npx skills add https://github.com/rp4ri/pi-studios --skill design-lint
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-lint
Source: https://github.com/rp4ri/pi-studios/tree/main/design-studio/skills/design-lint
Command: npx skills add https://github.com/rp4ri/pi-studios --skill design-lint

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of checking Figma files for common design issues, providing detailed reports and actionable suggestions to improve design quality.

Core Features & Use Cases

  • Automated Design Linting: Identifies and reports design issues such as color consistency, typography, spacing, layout, component hygiene, and accessibility.
  • Customizable Rules: Applies a set of predefined rules and allows for customization to fit specific design standards.
  • Fix Suggestions: Offers suggestions for fixing identified issues.
  • Use Case: Ideal for designers who need to ensure that their Figma files meet internal design guidelines and accessibility standards.

Quick Start

Run the design-lint skill on your Figma file to automatically check for and report design issues.

Frequently Asked Questions about design-lint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my Figma file for design consistency and accessibility issues?▼

To check Figma files for design consistency and accessibility issues, you can automate inspection using predefined linting rules. This process identifies color, typography, spacing, and component hygiene problems, providing detailed reports and actionable suggestions for improvement.

Can I customize design linting rules to match my internal Figma guidelines?▼

Yes, you can customize design linting rules to match internal Figma guidelines. The system applies a set of predefined rules for color consistency and typography, allowing customization to fit specific design standards and ensure files meet your required quality benchmarks.

Do I need Figma API access to automate design quality checks?▼

Yes, you need Figma API access to automate design quality checks. The automated inspection requires access to the Figma API and design references to accurately identify layout, spacing, and component hygiene problems within your files.

What is automated design linting and how does it improve Figma workflows?▼

Automated design linting is the process of inspecting Figma files for common design issues like color consistency, typography, and component hygiene. It improves workflows by offering detailed reports and fix suggestions, ensuring files meet accessibility and internal standards.

What specific design problems does automated Figma linting identify?▼

Automated Figma linting identifies color consistency, typography, spacing, layout, component hygiene, and accessibility problems. It inspects files using predefined rules and offers specific suggestions for fixing these identified design issues.

Related Skills

Explore More Design & Creative Skills→
OniroHuaverOniroHuaver
30

figma-use

Automate Figma design operations via the Plugin API with JavaScript.

Community
Advanced
Andreicr1Andreicr1

design-implementation-reviewer

Compare live UI implementations against Figma designs to identify fidelity gaps.

Community
Advanced
theodrosyimertheodrosyimer

figma-sync

Synchronize design tokens between Figma and local DTCG JSON files.

Community
Intermediate
vosslabvosslab
2

color-accessibility-expert

Detect and fix color contrast issues in code and images using WCAG ratios.

Community
Advanced