In this talk, "Blending Design and Code using Design Tokens," we will cover the benefits of using design tokens to streamline design and coding.

Design tokens are a way of creating a common language between designers and developers. Designers can create a shared vocabulary with developers by defining a set of variables, such as colors, typography, and spacing, and assigning them names. This allows designers to make changes to the design more efficiently, as they only need to modify the variables rather than the entire design.

One of the key benefits of design tokens is their portability. Because they are defined independently of any specific programming language or platform, they can be used across multiple platforms, including the web, iOS, and Android. This makes it easier to maintain consistency across different platforms and to scale designs to meet the needs of a growing business.

Another benefit of design tokens is that they can be used to create a design system or component library, which can be shared across teams and projects. This helps ensure consistency in branding and design across an organization while making it easier to maintain and update the design system as needed.

We will discuss implementing design tokens, including best practices and tips for getting started.

Learning Objectives

The benefits of using design tokens to create a shared language between designers and developers for efficient modification of design variables.

Best practices and tips for implementing design tokens in their design and development process.

Prerequisites

Optional—an understanding of Design Tokens

Synopsis

This talk covers the benefits of using design tokens to create a shared language between designers and developers, enabling efficient modification of design variables, portability across multiple platforms, and creating a design system for consistent branding and design.