As of late, I have been building my second 'design system' at my workplace. It's funny how much things go smoother, faster, and what I have learned on my first visual system months ago are now applied. For this inspiration, I wanted to share what inspired me during this process in terms of 'visual design', what inspired me in terms of typography style, layouts, colors, and presentations applied to their component libraries. Essentially how their 'design system' is presented, I believe we all follow somehow a similar standard in terms of UI components and how we build our pattern libraries.
Benedikt Lehnert who work as 'Director of Product Design for Fluent, Mobile and Office Experiences' at Microsoft shared about their freshest update on Fluent UI. What's Fluent UI? It's a collection of UX frameworks that will be used and shared across platforms to help them produce the next generation of Microsoft 365 experiences.
Currently in the middle of setting things up to build a design system at a large scale, for where I am currently working. One of the starting points are the icons who are part of the foundation of a design system. I decided to surf around for UI layout inspiration and I stumbled across the work of Ramotion. A UI/UX design & branding agency based in San Francisco, California that we have featured their work before on ABDZ.
Design Systems, a term that is easily misunderstood among many of us or within the industry. Why? Well, it's because we all have our own conclusions about what is a Design System. I don't personally think there are any right or wrong ways of creating a DS (Short of Design System). I believe that it all depends on what is the scale of the company you are working for whatever that is small or big. This is where the difference should be more affected by. We can go deeper on ABDZ if you wanna know more about Design Systems.
Our friends from InVision is introducing Velocity, a UI kit and complete design system. With more than 300 UI elements, 70+ components and 30 screens; a complete designed kit perfect for building Saas apps or/and for your next design system (Such a trendy term lately!).
The kind folks from UXPin is launching Adele. A free and open source repository of pattern libraries. You should definitely check out their library, it's pretty complete if not will be. They are launching with 43 systems analyzed in 30 categories, give it a whirl.