0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Design Lint

Find and fix errors in your designs

by Daniel Destefanis

users
142K
likes
5.7K
saves
98K
comments
102
FreeWorks inFigma Design
Price
Free
Latest version
v31 · Dec 1, 2023
First published
Jan 20, 2020
Features

What Design Lint does

Summarised from Daniel Destefanis's description on the Figma Community.

  • Errors are displayed in a list by category, which can be filtered by type.

  • A Layers View is available for more granular view into where errors are, great…

  • Use the "Select All" option to fix multiple errors at once

  • Have a huge file?

  • Ignore and Ignore All allow you to ignore special unique layers

  • Have an illustration in your design?

  • Want to set your own border radius values? Open the settings panel in the plugin

  • Use the refresh icon in the top corner to run the linter again on a new selection

On this page
Overview

About Design Lint

Design Lint is a free Figma plugin published by Daniel Destefanis in 2020. It works in Figma Design and has 141,742 users and 5,682 likes on the Figma Community. It ranks #2 in Design Systems and #6 in Productivity on our lists.

In the developer's words

Find and fix errors in your designs.

Design Lint is a plugin that finds missing styles within your designs. It's perfect for fixing errors in your Design System or designs before handoff.

Because Design Lint doesn't try and manage your library, there's no logging in or signing up for accounts.

While it's running, Design Lint will update automatically as you fix errors.

  • Errors are displayed in a list by category, which can be filtered by type. This way solving errors in bulk is quick and easy.
  • A Layers View is available for more granular view into where errors are, great for design system components.
  • Use the "Select All" option to fix multiple errors at once.
  • Have a huge file? No problem, design lint can load pages with 10,000 layers in a few seconds.
  • Ignore and Ignore All allow you to ignore special unique layers.
  • Have an illustration in your design? Use the "Lock" layer feature in figma to skip it from being linted.
  • Want to set your own border radius values? Open the settings panel in the plugin.
  • Use the refresh icon in the top corner to run the linter again on a new selection.

Have a feature request or question? Send me a DM on twitter.

Changelog

What's new

Version 31 · released Dec 1, 2023

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

Design Lint declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest. Questions about data handling go to the developer's support page.

Rankings

Where Design Lint ranks

Compare

Design Lint alternatives

  1. 1

    Styler

    by Andrei Iancu

    229K users3.4KFree

    Bulk management of styles based on layer properties.

  2. 2

    Specs Classic

    by Directed Edges Plugins

    136K users5.5KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  3. 134K users3.2KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

  4. 4

    Instance Finder

    by Idan Arbel

    96K users1.8KFree
  5. 79K users1.4KFree

    Create the brillant Color Styleguide page using your local Color Styles.

  6. 6

    Storybook Connect

    by Chromatic Deploys

    61K users1KFree

    Inspect Storybook stories in Figma

FAQ

Design Lint FAQ

What does Design Lint do?

Find and fix errors in your designs. It's a Figma plugin by Daniel Destefanis that runs in Figma Design.

Is Design Lint free?

Yes. Design Lint is free to install and run from the Figma Community, with no paid tier listed.

Is Design Lint safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Design Lint declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Design Lint?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Design Lint?

By user count, the closest alternatives are Styler, Specs Classic and Styles & Variables Organizer. Compare all of them on the best Figma plugins for design systems.

For developers

Built this plugin?

Use this page as a landing page for Design Lint: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Design Lint on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/design-lint/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Design Lint on figmaplugins.co" width="220" height="48"></a>