TechPrufer
Get started
Datadog
Datadog logoDatadog · Feature trail

Datadog Design System (DRUIDS)

1 post · Sep 2022

What this trail covers

Datadog's design system, DRUIDS, has been developed to ensure a consistent, dependable, and repeatable user experience across its expanding platform. It focuses on making components easy to understand, implement, and contribute to, with features like Cmd+K search, DRUIDS Loupe for component inspection, direct links to source code and design tools, editable playgrounds, and a code sandbox for experimentation. The system treats code as the source of truth for component behavior and appearance.

All Datadog trails
  1. DRUIDS, the design system that powers Datadog | DatadogThis post introduces DRUIDS, Datadog's design system, detailing its goals of ease of understanding, implementation, and contribution. It highlights features like Cmd+K search, DRUIDS Loupe for component inspection, direct links to source code and design tools (GitHub, Figma, VS Code), JSDoc comments for in-context descriptions, editable playgrounds for experimenting with component props, and a code sandbox for combining components. The system treats code as the source of truth for component behavior and appearance.