Fabric Microsoft Design System

Fabric is the latest set of reusable components and an official front-end framework for building experiences in Microsoft 365 and SharePoint. These allow you to create user interfaces that are clean, simple and modern, very fast. There's another resource you'll also need to be aware of and that is the illustrations and icons pack that is also beautifully designed. These work wonderfully with the Design System. There's also a variety of other resources available on the 'Resources Index' page, so be sure to check that out.

Included in the Fabric Microsoft Design System Figma template are a large range of components such as accordions, badges, panels, checkboxes, dividers, dropdowns, fields, tabs, labels, menus, progress bars, sliders, tables, spinners, toasts, toolbars and tooltips. It's a solid set of UI items that are fairly straightforward, but are still very well crafted.

Now is this the most beautiful Design System ever? No, but it is definitely one of the most functional and high quality Design Systems in the world. The color scheme is amazing, the font choice is not great and the button style we would give an 8 out of 10, so pretty great overall but not amazing or groundbreaking.