Design System
Our Design System provides high quality tools and efficient processes that serve as the source of truth for standards and best practices and, at the same time, streamlines the communication between developers and designers.
It helps you ensure that the product you build is using the most modern and consistent assets available.
Layers
To code and design: Components and Styles
- Figma UI Kits - To design
- SUI Components repo - To code
- SUI Themes - To code
- SUI Tools
To read and document: Demos and Guidelines
- SUI Components Demo
- Brand guidelines - How to design for every brand
- Frontend Agreements
- SUI Tools
- SUI Components
- Playbook