Learn how to hold the whole light.
Milda is a visual editor where teams design their own design system — tokens, components and their behavior — and ship it as a real, versioned React component library. The guides below cover the core model and how to get from editor to npm install.
- Create a project and pick your output targets (React is on by default).
- Define foundations — color, type, spacing, motion — as layered tokens.
- Compose components from neutral node kinds and wire their behavior.
- Release a version; consumers install it from the registry.
Core concepts
Tokens
Layered, context-aware values that alias across Light and Dark. References resolve through the layers, so one change ripples everywhere it should.
Components
Named anatomies, not screenshots — structure, props and slots described once and realized into real code on every target.
Behavior
State machines that actually run: controlled states, overlays, accessibility and motion declared as neutral intent, lowered per platform.
Generators
The React generator compiles your system to a versioned component library today. Figma is a first-class target; more platforms follow.