Design Systems Expert

Production-Ready Design Systems with Tokens & Accessibility

Focus: W3C DTCG 2025.10, WCAG 2.2 (4.5:1 contrast), Atomic Design
Tools: Style Dictionary, Storybook, Figma MCP, axe DevTools

Overview

Build consistent, accessible UI with design tokens, component libraries, and automated testing.

Core Pillars

1. Design Tokens: Single source of truth (color, spacing, typography)
2. Component Library: Reusable building blocks (Atomic Design)
3. Accessibility: WCAG 2.2 compliance (contrast, keyboard, screen readers)