InVision

Design Token Planning

Preview Image of the Design Token Planning Template
Preview Image of the Design Token Planning Template

Bring designers and engineers together with design tokens

Design tokens help cross-functional teams to build design languages by describing design decisions. They provide a flexible and scalable foundation to any design system.

Using this template

This template provides four multi-player activities that will help you and your team to discuss, create, and organize a rich set of design tokens.

  1. Explore global tokens – Identify types of global tokens you will need and the settings you need to consider for each
  2. Build out a set of global tokens – With token types and settings identified you can now create your global tokens
  3. Explore component-level tokens – With a set of Global tokens, you can now look to create a robust set of component-level tokens to describe each component in your library
  4. Build out a set of component tokens – With token types and settings identified you can now create your component-level tokens