Tokens Studio
tokens.studioDesign-token workflows connecting design tools with code delivery
Design-token workflows connecting design tools with code delivery
Manage design-system data, documentation and delivery
Methods and activities for recognizing exclusion in products
Design interviews, books and a learning community
Design-system documentation connected to design and code sources
A design skill that helps AI coding agents build and refine user interfaces.
A video course and resource library for visual interface design
Shared visual foundations and components for public services
A planning reference covering foundations and system maintenance
React interface components with design-token customization
Structured design delivery with flows and version context
Open-source interface design with CSS-based layouts
Shared tokens and components for Deutsche Bahn products
Collaborative interface design, reusable components and interactive prototypes
UK forecasts, warning advice and weather maps
Components and page foundations for Government of Canada services
Patterns and coded examples for public and staff health services
Microsoft design resources across web and native platforms
Place artwork on Printful products and save reusable product templates.
Shared foundations, tokens and patterns for collaborative products
AI design assistant that turns fashion sketches into virtual samples and lookbooks.
Interactive user-flow presentations synchronized with screen designs
Short visual case studies about product psychology and UX
A Figma-to-web icon design system with editable sources and components.