# Design System Build Quality Workflow

> **EN** | [PT](../../aiox-workflows/design-system-build-quality-workflow.md) | [ES](../../es/aiox-workflows/design-system-build-quality-workflow.md)

---

**Full documentation available in:** [Portuguese Version](../../aiox-workflows/design-system-build-quality-workflow.md)

---

## Summary

The **Design System Build Quality Workflow** guides the creation and maintenance of design systems. It ensures:

- Consistent design tokens and variables
- Reusable component library
- Documentation and usage guidelines
- Accessibility standards
- Visual regression testing

### When to Use

- Creating a new design system
- Evolving existing component libraries
- Establishing UI consistency across projects

### Key Agents

- `@ux-design-expert` - Design leadership
- `@architect` - Component architecture
- `@dev` - Component implementation
- `@qa` - Visual and accessibility testing

### Main Phases

1. **Foundation** - Design tokens and base styles
2. **Primitives** - Basic UI elements
3. **Components** - Complex component patterns
4. **Documentation** - Usage guides and examples
5. **Quality** - Testing and validation

### Key Components

- Color system and typography
- Spacing and layout tokens
- Icon system
- Form elements
- Navigation patterns
- Feedback components

---

*For complete details, diagrams, and step-by-step instructions, see the [Portuguese documentation](../../aiox-workflows/design-system-build-quality-workflow.md).*