Design System
A comprehensive set of standards that help manage design at scale by using reusable components and patterns for digital services across the South African government.
About the design system
The MyMzansi Design System provides the foundation for creating digital services that are consistent, user-centred, and accessible to all South Africans. It establishes common standards while allowing flexibility for department-specific needs.
What's included
Access the design system
Explore the current components and guidelines in Figma.
View in FigmaHow to use the design system
For new projects
Start with the design system as your foundation. Use the established components and patterns to ensure consistency from the beginning.
For existing services
Gradually adopt design system components during redesigns or updates. Reference the guidelines when making improvements.
For designers
Use the Figma library as your single source of truth. Create consistent interfaces by using approved components and patterns.
For developers
Implement components according to the technical specifications. Follow accessibility guidelines and use provided code examples.
Help shape the design system
As we continue developing, your feedback is essential. Share your suggestions, report issues, or request new components via email, info@mymzansi.gov.za, or using the "Feedback" button on the right.
