A design system is a combination of assets that will be reused, colors, fonts and everything that is used to build the interface of the product, the website or the application.
A design system is more than a style guide or UI Kit, a component library or a set of code guidelines. It could be defined as a set of rules or regulations in constant evolution that determines the composition of a product.
The best UI Kit and Design Systems in the FIGMA community
Figma is a tool that can be downloaded for free from the Figma website. It allows User Experience (UX) and Interface (UI) designers to create quickly, agilely and easily.
The number of plugins that can be downloaded for free has grown considerably. Then I leave you with a small compilation, in another blog entry, highly recommended and that save a lot of work.
Focusing on the objective of this entry, I leave the list of the Design Systems and UI Kits that I have found most interesting that are hosted within the Figma community and can be downloaded for free.
1. Uber
The Uber Base design system was created to promote a centralized library of reusable user interface components for designers and engineers.
2.Spotify
Create your own Backstage plugin with this UI Kit for Figma.
3.Salesforce
This library contains all the Lightning Design System for Web components.
4.windows
The Windows User Interface Toolkit is a resource for creating experiences in Windows. Contains a library of controls and examples of how those controls are used within the WinUI platform. This toolkit represents the latest version of the Windows user interface
5.Material Design
The Material Design Basics Kit provides everything you need to create beautiful apps, complete with components and theme guide.
6. Github
First Web is the Figma library of UI components used in the desktop experience for GitHub.
7. ATLASSIAN
Atlassian Basic Design Pack. It includes all its atomic components.
8. GitLab
Design with the GitLab design system assets, components, and styles.
9. Elastic
Elastic UI (EUI) is a layout library used within Elastic to create internal products that need to share aesthetics.
10.Ant design
Ant Design Open Source is a free and easy to use Figma library that is always up to date with the latest changes in the official repository. Ant is designed to provide a wealth of user interface components to enrich web applications, and constantly improve the component experience.
11.Shopify
This user interface kit provides you with all the components of the Polaris design system. Component variants give you the same flexibility and component configurations found in Polaris React.
12.Decathlon
This is the kit to create Decathlon experiences on the Web. This includes layouts, radiuses, shadows, fonts, and all the components you need to design web experiences.