DTCG W3C release and adapting design systems for multiple brands | Schema by Figma 2025
Quick Overview
The W3C Design Tokens Community Group (DTCG) released Version 1 (V1) of its specification, which provides a production-ready JSON specification, a stable API for tool makers, and ensures interoperability across design tools like Figma and FigJam, addressing previous fragmentation where every company had its own incompatible implementation.
Key Points: The W3C Design Tokens Community Group (DTCG) released the V1 specification for Design Tokens, aiming to standardize how tokens are defined and exchanged across the industry. The specification offers a production-ready JSON format and a stable API for tool and plugin developers, resolving past issues where implementations did not work together. The presentation highlighted three import options for consuming files: importing into a blank collection, an existing node, or an extended collection, with extended collections allowing overrides. Extended Collections (FCs) enable managing multiple brands by inheriting modes and structure from a root collection (like 'Figma Colors'), allowing brand-specific overrides (like changing colors to purple for the 'FigJam' brand). The migration process involves six steps: exporting color values, deleting brand-specific modes, creating new extended collections, importing values as overrides, updating consuming files, and re-applying modes. Variable support for the Swap Library is announced as coming in November, which will further aid in managing these multi-brand setups.
Context: Kaellig Deloumeau-Prigent, Co-chair of the DTCG, presents the V1 release of the Design Tokens specification, marking a significant milestone after 15 years of working on design systems at companies like Financial Times, Salesforce, and Shopify. The context is the industry's need to move beyond fragmented, proprietary token implementations towards a standardized, interoperable format, facilitated by the W3C group.
Detailed Analysis
Kaelig Deloumeau-Prigent announced the V1 stable release of the W3C Design Tokens Community Group specification, which establishes a standard JSON format and stable API for design tokens, promoting interoperability across tools. He noted that previously, large companies maintained siloed, incompatible token systems. The new specification allows tokens to be defined centrally and exchanged effectively. The process for migrating from brand-specific modes to extended collections involves six key steps: exporting color values, deleting old brand-specific modes, creating new extended collections for each brand, importing values as overrides, updating consuming files, and finally, reapplying modes. The presentation also demonstrated how extended collections handle light/dark modes and how overrides work by selectively updating values (e.g., changing brand colors from blue to purple in the FigJam extended collection). A 'Rule of Ten' heuristic was introduced: use local collections for 10 or fewer brands for easier updates, and subscribed/extended collections for more than 10 brands for better distribution of maintenance. Finally, the speaker announced that Variable Support for the Swap Library is coming in November, which will further streamline the handling of these complex, multi-brand setups, allowing designers to manage modes and overrides more intuitively.