Multi-platform, multi-brand, and tokenized Design System
Elli, a brand under the Volkswagen Group specializing in energy and charging solutions, faced the challenge of managing multiple products across different platforms. This challenge demanded consistent branding for various VW subsidiaries, resulting in component inconsistency, redundancy, and inefficiencies in project development.
To address the issue, Elli initiated the development of a multi-platform, multi-brand, white-labeled, and tokenized design system. The design system aimed to establish a single source of truth for all components, colors, spacing, typography, icons, and other design elements, ensuring consistency and accuracy across all Elli platforms: Figma, Web, Android, and iOS.
By auditing design elements, styles, and components across every Elli product, the Design System team could create a variable architecture and global components for all products tailored precisely to Ellis needs. This also emphasized collaboration not only between designers and developers, but also across various products, platforms, and brands.
Synchronization of all platforms using variables/tokens established through the Figma plugin “Token Stdio”, Figma variables, and Style Dictionary
Ensuring consistency and scalability of components for easy modification or addition of brands and themes, but also being flexible enough to adapt to the needs of diverse platforms
A collection of reusable components for the diverse platforms, styled using those variables/tokens
Comprehensive guidelines for each component and all variables/tokens
Take advantage of this opportunity for a 30-minute one-on-one consultation with our expert. Whether you have an initial idea, a specific use case, or a technical challenge—we’ll provide you with a structured assessment, outline potential solutions, and discuss how you can move your project forward in a targeted manner.
