Hey All! I've put together some resources below that i've found useful while researching design systems in Figma. I'm sure there are other great resources, let me know if you have any suggestions for me.
Genuinely Beautiful! a whole new design language for Microsoft.. Fluent combines the design languages of Microsoft and iOS, it distinctively feels like both while of course leaving room for you to make it your own app as well. Variants and component properties provide component flexibility and allow you to optimize component configurations to your specific needs. The properties available in the UI kits map to the code documentation.
Uber's Base design system was created to promote a centralized library of reusable UI components for Designers and Engineers. Although slightly dated now, It can be used a building block for your own system. They have clear guidelines Here.
Google’s design system documents what they use to design their apps and websites, and you can use it too if you like their design language. Material has a great organisational method that would be great inspiration for your own system.
The Goldman Sachs Design System is customized for institutional finance and allows teams to create digital products that put clients first. The system has great examples on Data Visualization and
Needs no introduction. You will need to use this system to design applications on IOS.
Information on using figma Variables and general semantics.
https://www.youtube.com/watch?v=M0NU5QFLCl4&ab_channel=Figma
https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma
https://medium.com/@joeyabanks/a-guide-to-variables-in-figma-b500b80d4e4
Please note, the majority of published design systems don't yet use variables as it is still in Beta mode and is likely to change.
If you have any other suggestions please let me know.
