Linting tools for Figma

Why would you use design lint tools?

• Save time on manual checks

• Ensure consistent designs

• Catch errors before handing off to developers

• Improve compliance with the design system

Design Lint Tools

Design Lint Figma plugin

Design Lint is a free and open source plugin for Figma built to help you find and fix errors in your designs. Design Lint checks for missing text, fill, stroke, and effects styles. It also catches incorrect border radius values.

🔗 Check the plugin

Roller Design Linter Figma plugin

• Automatically find and fix style inconsistencies

• Create custom linting rules for teams

• Scan entire files or selected frames

🔗 Check the plugin

ESLint Plugin for Figma Plugins

This tool helps you stay up to date with best practices and deprecations in the Figma Plugin API. You can use it to help identify, and in many cases automatically fix, issues in your plugin code. Like any ESLint plugin, it integrates with IDEs like VSCode to provide inline warnings and quick-fix functionality.

• Enforce best practices for plugin development

• Catch deprecations and issues in the Figma Plugin API

• Provide auto-fixes for common problems

🔗 Check the plugin

Contrast

Contrast lets you quickly run a AA or AAA type contrast report on all text across all your artboards at once. Simply select a few layers and run the command to see your report.

🔗 Check the plugin

Sweeper - design linter

• Making layers pixel perfect (no half pixels)

• No hidden layers

• Layer name linting

• Require text, fill, stroke and effect styles

• No groups (at all) or no 1 layer groups

🔗 Check the plugin

More articles:

How to set up custom design linting in Figma using the Design Lint plugin

A tutorial for creating a design linter specific to your team.

🔗 Read the article