Grafana Saga

Intro
Saga design system templates are a set of pre-constructed patterns and code frameworks intended to provide developers and designers with a robust starting point for building user interfaces within the Grafana ecosystem. These templates are higher-level abstractions than the individual components in the design system, offering a more streamlined and efficient approach to UI development.
Use
Grafana Saga + Layr
- Choose a template or component
- Export design elements and code.
- Create on brand experiences with AI
Brand
Templates
UI starter layouts
Components
Reusable UI elements
Figma
Components, icons, typography
Roadmap
What's next?
Assets
Explore representational illustrations of characters and objects.













Design System Version 12.0.2
Grafana Saga is growing, and is updated to the latest release.