Tokens Studio
tokens.studioDesign-token workflows connecting design tools with code delivery
Design-token workflows connecting design tools with code delivery
Design interviews, books and a learning community
Manage design-system data, documentation and delivery
Design-system documentation connected to design and code sources
Shared visual foundations and components for public services
A video course and resource library for visual interface design
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.
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
A Figma-to-web icon design system with editable sources and components.
GitLab’s icon artwork, sprite workflow and small-grid design guidance.
React interface components with design-token customization
Components and page foundations for Government of Canada services
Researched components and patterns for government services
A design skill that helps AI coding agents build and refine user interfaces.
Interactive user-flow presentations synchronized with screen designs
Short visual case studies about product psychology and UX
Interface design with shared components, layout and prototyping
Manage and apply fonts across supported Mac design apps.
Flag components with size-specific artwork and design-tool libraries.