Back to Plugins
Formalist: Progressive Design Linter

Formalist: Progressive Design Linter

<p><strong>QA for your designs! Spend less on checking, earn more on automation.</strong> Save from 3 to 10 hours monthly on finding issues in your design.</p><p><br></p><p><strong>In case there is a need to implement the rules that are not a part of the plugin: </strong></p><p>We can develop a personalized version of Formalist meeting these standards. Let us know if we can add custom checks for your needs: write a letter to <a href="mailto:[email protected]" rel="noreferrer noopener nofollow ugc" target="_blank">[email protected]</a>.</p><p>Note: you should <a href="https://formalist.gumroad.com/l/formalist" rel="noreferrer noopener nofollow ugc" target="_blank">subscribe «Pro»‎ or «Organisation» plan</a> to get this feature.</p><p><br></p><p><strong>Formalist looks for common mistakes in Figma designs</strong></p><p>The idea behind it is simple, and based on what software engineers call a linter: The plugin runs through a list of rules, checking the Figma file for errors. If the designer has, for example, forgotten to name layers, use Figma styles, or fractional coordinates, the plugin will hunt them, find them, and help fix them.</p><p><br></p><p><strong>In free mode you will have these checks for 15 free scans:</strong></p><ul><li>The object doesn't use the style in the font, fill, stroke, effects</li><li>Fonts less than 12px</li><li>Fractional coordinates and size</li><li>The default name of the object, property, or variant</li><li>Something's wrong with the component or the instance</li><li>The parent component was deleted</li><li>Too much Auto-layouts</li><li>Missing ".base" in component's name</li><li>Empty auto-layout in a component</li><li>Using different colors or fonts in the same text box</li></ul><p><br></p><p><strong>After 15 scans only these checks will be available:</strong></p><ul><li>Fonts less than 12px</li><li>Fractional coordinates</li><li>Fractional size</li><li>Default names</li></ul><p><br></p><p><a href="https://www.figma.com/community/file/1030532442821235127" rel="noreferrer noopener nofollow ugc" target="_blank"><strong>Try out the demo project to learn more about plugin!</strong></a></p><p><strong>Note</strong>: duplicate the file from the link above to your drafts to try the plugin</p><p><br></p><p>Stay tuned for the updates.</p><p><br></p><p>Looking for those, who made this? Here we are:</p><p>Nikita Bryuzgin</p><p>Danila Mikhaltsov</p>

layerslintinglintpixel perfectguidelinesauto-layoutdesign systemcomponentsperfectorganizationnamingstyles

Plugin Preview

Formalist: Progressive Design Linter preview

About this plugin

QA for your designs! Spend less on checking, earn more on automation. Save from 3 to 10 hours monthly on finding issues in your design.


In case there is a need to implement the rules that are not a part of the plugin:

We can develop a personalized version of Formalist meeting these standards. Let us know if we can add custom checks for your needs: write a letter to [email protected].

Note: you should subscribe «Pro»‎ or «Organisation» plan to get this feature.


Formalist looks for common mistakes in Figma designs

The idea behind it is simple, and based on what software engineers call a linter: The plugin runs through a list of rules, checking the Figma file for errors. If the designer has, for example, forgotten to name layers, use Figma styles, or fractional coordinates, the plugin will hunt them, find them, and help fix them.


In free mode you will have these checks for 15 free scans:

  • The object doesn't use the style in the font, fill, stroke, effects
  • Fonts less than 12px
  • Fractional coordinates and size
  • The default name of the object, property, or variant
  • Something's wrong with the component or the instance
  • The parent component was deleted
  • Too much Auto-layouts
  • Missing ".base" in component's name
  • Empty auto-layout in a component
  • Using different colors or fonts in the same text box


After 15 scans only these checks will be available:

  • Fonts less than 12px
  • Fractional coordinates
  • Fractional size
  • Default names


Try out the demo project to learn more about plugin!

Note: duplicate the file from the link above to your drafts to try the plugin


Stay tuned for the updates.


Looking for those, who made this? Here we are:

Nikita Bryuzgin

Danila Mikhaltsov

Plugin Details

Version19
CreatedSeptember 6, 2021
Last UpdatedApril 10, 2022
CategorySoftware development
CreatorApril
Stats1238 installs, 71 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma