This article introduces the Design system.
Compatibility notes: Supports Deltatre Apps 1.0 onwards.
What is the Design system?
The Design system improves the implementation efficiency of skinning and theming changes on projects. It includes the basic UI elements, which are mostly customized on the project-side (fonts, colors, logos, CTAs, page margins, and icons, etc.)
The Design system lets you centrally manage key design elements, meaning changes are made once and propagated across the relevant variables for all apps.
Several benefits of the Design system include:
- Greater flexibility and ease of implementation for app styling changes
- Consistent implementation of app styling
- More efficient Deltatre Ref Apps code
- Improved time to market for new clients and for executing brand changes for existing clients
- The reduction of 'design debt' within projects
- Reduced app styling costs
- Reduced app upgrade costs
Our longer-term vision is the enable automatic generation of design tokens directly from Figma. Watch out for updates in this space!