Leading design systems

Why did the designer break up with their font? Because it was too bold and wouldn’t align with their feelings!

APPLE HUMAN INTERFACE

Apple’s Human Interface Guidelines guide developers in designing, developing, and distributing apps across various Apple platforms, including macOS, iOS, watchOS, and tvOS. These guidelines cover a wide range of topics, including app architecture, user interaction, system capabilities, and visual design.


Apple trys to make sure apps on its platforms feel familiar and consistent. They do this by giving detailed advice on how to use interface elements and why, creating a smooth user experience across all devices.


Apple’s library is a gold mine for developers, offering design files compatible with popular software such as Sketch, Photoshop, and Adobe XD. Developers also have access to video sessions and tutorials, now they can build more intuitive and user-friendly experiences. These resources are key in helping developers stick to Apple’s guidelines with accuracy ensuring that their apps uphold the company’s design principles and standards of quality color and more.

Microsoft Fluent Design System

A design system offers a set of reusable components with clear rules for how they should be used. This ensures that the look and feel of a product remain consistent across different parts of the interface.

With predefined standards and reusable components, designers and developers can work more efficiently, saving time and effort by not having to recreate common UI elements from scratch.

By having a centralized collection of components and standards, it’s easier to maintain and update the design of a product over time, to make sure it stays relevant and cohesive as it evolves.

Spectrum, Adobe’s design system

Spectrum serves as Adobe’s design system, offering a design “language” across various Adobe products and platforms. It provides a cohesive set of guidelines, principles, and components to ensure consistency in user experience and visual design.

The Spectrum XD plugin allows you to easily select and customize Spectrum components directly on your design canvas. You can adjust options like theme and scale, with in-line documentation for guidance. While not all components are currently available, more will be added in future updates.

Spectrum is designed to be cross-platform, meaning it can be applied across different devices, operating systems, and screen sizes. This flexibility allows Adobe to maintain a consistent user experience whether a product is accessed on desktop, mobile, or web platforms.

Spectrum collaborates and develops by providing a shared set of resources and guidelines for designers and developers. By sticking to the standards outlined in Spectrum, workers and students across Adobe can work more efficiently, ensuring that their products align with Adobe’s design principles and brand identity.

Leave a Reply

Your email address will not be published. Required fields are marked *