Figma Style Unifier - Workflow 02 - Design linting

Описание: When working with existing design systems, there are allways situations where your file includes elements, that are not connected to the system. That's where the linter functionality of our style unifier plugin comes into play.

Simply run the plugin with the scope set to all frames and select the central font parameter font-size. Then check if all values are connected to a style.

If not, decide to which existing style you want to unify that orphant value to. Use our hover-to-highlight-on-canvas feature to check which elements belong to the row of the orphant value. If you want to merge that orphant value with an existing value row that is allready connected to a local style, you first should group the two value rows. Then use the targeting tool to select the style and finaly trigger the unify group action in the three-dots-menu.

In case you discover that an orphant should become it's own style, just use our create style from group function in the 3-dots menu.

Once this is done, you can be sure that all your font elements are correctly connected to a style.

Now repeat the process with the colors, which is much easier as a color style has no sub-parameters.

That's it! You fixed your layouts and now can be sure that all elements are propperly connected to your design system.

Figma Style Unifier - Design system-builder and linter

Get it now on https://haywood.tools/product/figma-s...
And make your life easier and your projects better.