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).
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"
@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!
@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?
@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?
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 :)
@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!
I've actually learnt about Design Lint through a Figma support document and it's a nifty little feature similar to InDesign's Preflight checklist. I love it.
Design Lint
Design Lint
Figma Letters
Design Lint
Figma Letters
Design Lint