What is the Compassion Design System?
The Compassion Design System offers a unified language and shared set of tools that make it easier for designers and developers to collaborate.
It brings consistency and cohesion to your work, speeding up the design and development process while ensuring that the end product aligns perfectly with Compassion’s visual identity and brand expression.
Experience the Compassion Design System: where efficiency meets excellence.
For Designers
Jumpstart your designs with ready-to-use templates and components.
To get you started.
- Contact the Global UX team to walkthrough the UI Kit & Tokens
- The Global UX team will set up Figma access for your team
- Complete our onboarding sandbox to learn how to use the Compassion Design System
- Connect your projects to the Compassion Design System’s Figma libraries
- Drag and drop components onto your design
For Developers
Fast track implementation with Compassion branded sample apps, themes and components. To get you started.
To get you started.
- Contact the Global UX team for a walkthrough of the coded component ecosystem
- If needed, the Global UX team can show you how to install the Compassion Design System components to your HTML/CSS or React project
- Get comfy with the Compassion Design System’s Storybook documentation
- If you’d like to contribute back, the Global UX team can happily grant you access to our GitHub organization