Architecture

The high-level architecture summarizes the composition of our design system.

Glossary

Design Tokens are a centrally-managed collection of design attributes used by designers and engineers that promote scalable and consistent UI by avoiding hard coded values. Click here to learn more about design tokens.

Style Dictionary is a package build tool that can export the design tokens in the format that can be consumed by web, iOS and android as well as free form JSON with appropriate schema for generic consumption. Click here to learn more about the style dictionary.

Figma Design Library contains the design assets for the Figma Platform. They consist of styles (color, typography, shadows, etc) and components. Click here to out the TDS figma project to explore more.