Design Lint

Design Lint

A design linting plugin for Figma.

4.0•1 review•

11 followers

Visit website
•
•
Design Lint is a free and open source plugin for Figma built to help you find and fix errors in your designs. The plugin finds missing styles within your designs on all your layers (text, fills, strokes, border radius, and effects).
Design Lint gallery image
Design Lint gallery image
Design Lint gallery image
Launch tags:
Design Tools
Launch Team

What do you think? …

David Leuliette
Congratulations @daniel_destefanis 👏👏👏 That's a great job! I have 2 questions Where did you start for building this kind of plugin? Have you a plan to add a feature like "prettier for figma"
Daniel Destefanis
Maker
@flexbox Thank you! So I actually started small with building my team at Discord a plugin for theming. We have two themes (light and dark) and creating designs for both wasn't efficient. It would loop over a design and update all colors that had a mapping (dark to light) and create a light theme design for us. After realizing what was possible with the Figma API and having a bit of a background in Front End, the idea of a linter came to mind. I wanted a way confidently say "ok this design is ready for development" or "ok another designer can pick up this file from me". Prettier is a great idea honestly. There are some great plugins out there from the community like Clean Up, which helps automatically fix or tidy up your files!
David Leuliette
@daniel_destefanis Thanks for the input! And did you use a particular setup to scaffhold the plugin?
Daniel Destefanis
Maker
@flexbox Yes it's built off of https://github.com/nirsky/figma-... which provides the basic sample plugin but with react, typescript, etc.
Divyansh Patel
@daniel_destefanis Nice idea for a plugin. Congrats on the launch. will definitely use it and share it with the community (www.twitter.com/figmaindia)
Daniel Destefanis
Maker
@divjpatel Wow that's incredible! Yes please do! My goal was this to be a resource for design teams of all sizes. Can you let me know localization is an issue while you use it?
Divyansh Patel
@daniel_destefanis Didn't encounter any issues while using it. I will keep you posted if the community (www.twitter.com/figmaindia) has some feedback. Are you up for an AMA session with the community?
Foremost Tom
This is superb. Thanks for making this available. Not sure if it's possible (or it's already there and I've missed it) but it would be useful if this could alert you if something is an instance of something. I just corrected a missing color style on an instance when it would have been better to correct the component. Actually, now that I think about it…Maybe I just need to lint components first :)
Daniel Destefanis
Maker
@foremost_tom This is a really great idea. I actually originally had a "Hey this component isn't from your library warning". I could certainly add some text to let you know "this is an instance, jump to master". It would certainly be easier to fix in some spot and let that change propagate!