Zeplin integrates AI-driven token mapping that suggests design token names from component visuals

Design · 4 min read

The token-mapping assistant analyzes selected components, extracts repeated values, and groups them into candidate tokens with suggested names like 'surface-01' or 'cta-primary'. It provides mappings for CSS variables, iOS Swift names, and Android resource identifiers to ease cross-platform implementation.

Teams can accept the proposed tokens into their Zeplin style guide, with options to enforce naming conventions and update existing components automatically. The assistant highlights ambiguous groupings and asks for clarification to avoid token bloat.

Design system maintainers reported quicker harmonization of legacy components and fewer one-off styles creeping into production. Zeplin plans to add versioned proposals so teams can preview token migrations before applying them.