Site Overlay

Designer Guidance

Starter files to utilize our resources from Synnex Design System and Synnex Brand.

Getting started

We’re excited you’re using the Synnex Design System! Below are a set of resources that will help you get started using the Synnex Design System components in your designs. If you don’t find what you’re looking for, please reach out in the #synnex-design-system channel on Microsoft Team.

Synnex Design System Figma Library

The Synnex Design System sticker sheet provides a foundation for designing Synnex applications. The sticker sheet provides an overview of the components contained within the Design System library.

To access individual files for each component, navigate to the Synnex Design System Figma team. If you are having trouble accessing the files, you may need to join the Synnex Design System Figma team first.

Each component has its own library file that demonstrates the various states of the component such as enabled, disabled, hover, active, and focus. The examples within these files can be leveraged within your design files and are built to be interactive and responsive.

Still have questions?

Something missing or looking for more information? Get in touch to help make the Synnex Design System better.