Skip to content
Design Tokens
Refining our design language.

Design Tokens are the heartbeat of our design system. They encapsulate the essential elements of your design language – colors, typography, spacing, and beyond – into a unified, flexible format that speaks directly to both designers and developers. Stay tuned for the unveiling of Design Tokens in Meteor.

Soon

Design Tokens

Design Tokens are landing in Meteor soon! These tiny pieces of design DNA encode design decisions like colors, typography, spacing, and more, making them reusable and scalable. Available soon.

A sketch of the Accessibility icon. The image is tinted in shades of green.
Soon

Token Pipeline

We're going to open-source our token pipeline! Soon, sync Design Tokens from Figma to GitHub effortlessly, making your design decisions available across your Shopware projects. Available soon.

A sketch of the Accessibility icon. The image is tinted in shades of green.