Adobe Spectrum design tokens overview with icons.

Adobe’s Spectrum design system introduces design tokens as a method to translate design decisions into data, serving as a “source of truth” to ensure unified and cohesive product experiences. These tokens encompass various design attributes, including color, typography, spacing, and more, facilitating consistent application across different platforms and devices.

This approach is particularly beneficial for design and development teams aiming to maintain consistency and scalability in their projects. By utilizing design tokens, teams can streamline the implementation of design elements, reduce redundancy, and enhance collaboration between designers and developers. The Spectrum documentation provides detailed guidelines on defining and applying design tokens within Adobe’s ecosystem, offering a structured framework for building cohesive user interfaces.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.