What's included

• Super Clean & Smart Components!

  Designers and devs are the users of the design system. Just like a software product, a design system needs to be tailored to its users! Building smart and lean components will save you many hours and make designers and dev's lives easier!

• Component Props

  I'm always on top of Figma's latest updates and component props are one of the best recent launched features. They allow you to avoid many unnecessary variants.

• Auto Layout

  Auto layout allows your components to be smart and responsive! It enables the creation of dynamic components reducing the amount of layer hierarchy.

• Smart Variants

  Variants will be used only when absolutely needed, no more bloated components by overusing variants. In many cases component props and auto-layout, when used well, can reduce the number of variants by more than 50%!

• Design Tokens

  Figma now offers tokens which save content as color hex code, font size, or space size. The use of tokens helps in keeping authenticity in colors, font size, radius corner size, and spaces between UI elements. Something else tokens offer in Figma, is a color system that can be used in light or dark mode!