Spectrum/
By Adobe

From the zero speed in the making of
human interfaces to the
speed of thought in the making of UIs.

From the zero speed in the making of
human interfaces to the
speed of thought in the making of UIs.

From the zero speed in the making of human interfaces
to the speed of thought
in the making of UIs.

Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen.

Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen.

Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen.

Adobe

Adobe

Adobe

Rational. Human. Focused. Collaborative:
Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a set of adaptable resources for making experiences feel contextual, cohesive, and performant. It’s based on real-world situations. It places people’s needs first. It delivers what’s needed, when it’s needed. It’s constantly adapting. And most importantly: it belongs to everyone.


Adobe
Spectrum 2.0
Design System
(ASDS™) — The future is built collectively, product design is the core of Spectrum 2. An extensive community of designers, researchers, product managers, engineers, and other partners from across Adobe came together to set Adobe's future direction, bringing years of learnings from the field. I’ve brought the best of everything from Adobe Labs while keeping consistent UX/UI.

Whether prototyping remotely or on-site with Figma, optimizing UI tools and workflows, or scaling for Web3, FIG.™ is here to streamline your Agile atomic design systems.


Whether prototyping remotely or on-site with Figma, optimizing UI tools and workflows, or scaling for Web3, FIG.™ is here to streamline your Agile atomic design systems.


Adobe
Spectrum

Design
System

(ASDS2)

Adobe
Spectrum

Design
System

(ASDS2)

Adobe
Spectrum

Design
System

(ASDS2)

Animations/Effects

Color Styles

Carousel

Link Styles

Overlays

Responsive Design

SEO & Performance

Text Styles

Sticky Scrolling

Parallax Scrolling

Content (CMS)

Custom Cursors

Forms

Spectrum

Imagine you’re building not just one product, but many. And instead of dozens of collaborators, there are thousands or even tens of thousands. Without a unifying set of principles, components, and patterns, you could end up with duplicated work and a fragmented user experience.

Spectrum

{

01

}

Foundation

{

02

}

Figma/ASDS™

{

03

}

Components

{

04

}

Patterns

{

05

}

Spectrum 2

{

06

}

Spectrum

Imagine you’re building not just one product, but many. And instead of dozens of collaborators, there are thousands or even tens of thousands. Without a unifying set of principles, components, and patterns, you could end up with duplicated work and a fragmented user experience.

Spectrum

{

01

}

Foundation

{

02

}

Figma/ASDS™

{

03

}

Components

{

04

}

Patterns

{

05

}

Spectrum 2

{

06

}

Spectrum

Imagine you’re building not just one product, but many. And instead of dozens of collaborators, there are thousands or even tens of thousands. Without a unifying set of principles, components, and patterns, you could end up with duplicated work and a fragmented user experience.

Spectrum

{

01

}

Foundation

{

02

}

Figma/ASDS™

{

03

}

Components

{

04

}

Patterns

{

05

}

Spectrum 2

{

06

}

UAT

Workflow

Workflow

Workflow

User Acceptance Testing It’s the final phase of the software testing process, where real users (or client stakeholders) test the system to ensure it can handle required tasks in real-world scenarios, according to the business needs.


One of those behind-the-scenes terms that doesn’t always show up in creative workflows:


  • Validating final UI implementations against design specs.

  • Coordinating feedback loops w/ real users or stakeholders before launch.

  • Identifying design gaps during product release prep.

  • Signing off on design readiness based on real-world usage scenarios.

7S
Seven Stages

UAT Process in Seven Steps: A quick breakdown of how each step fits into the overall UAT workflow.

7S
Lightning Powers


SALESFORCE LIGHTNING DESIGN SYSTEM SUPERPOWERS BY CATEGORY Here are my seven best SLDS resources when building within the Salesforce ecosystem:

7S
Lightning Powers

SALESFORCE LIGHTNING DESIGN SYSTEM SUPERPOWERS BY CATEGORY Here are my seven best SLDS resources when building within the Salesforce ecosystem:

Business Requirements

This is essential for understanding what needs to be tested. UAT is driven by business needs, so analyzing requirements ensures tests align with expected outcomes.

01

Business Requirements

This is essential for understanding what needs to be tested. UAT is driven by business needs, so analyzing requirements ensures tests align with expected outcomes.

01

Business Requirements

This is essential for understanding what needs to be tested. UAT is driven by business needs, so analyzing requirements ensures tests align with expected outcomes.

01

Identify Test Scenarios

Test scenarios are high-level situations that will be tested during UAT. These scenarios derive from real business processes.

03

Identify Test Scenarios

Test scenarios are high-level situations that will be tested during UAT. These scenarios derive from real business processes.

03

Identify Test Scenarios

Test scenarios are high-level situations that will be tested during UAT. These scenarios derive from real business processes.

03

UAT Test Plan Creation

A UAT test plan outlines the scope, objectives, timelines, responsibilities, and criteria for success. It’s a foundational document in the process.

02

UAT Test Plan Creation

A UAT test plan outlines the scope, objectives, timelines, responsibilities, and criteria for success. It’s a foundational document in the process.

02

UAT Test Plan Creation

A UAT test plan outlines the scope, objectives, timelines, responsibilities, and criteria for success. It’s a foundational document in the process.

02

Create UAT Test Cases

These are the detailed steps to validate each scenario. They include inputs, actions, and expected results.

04

Create UAT Test Cases

These are the detailed steps to validate each scenario. They include inputs, actions, and expected results.

04

Create UAT Test Cases

These are the detailed steps to validate each scenario. They include inputs, actions, and expected results.

04

Prepare Test Data

Accurate test data is needed to simulate real-world usage and validate functionality properly.

05

Prepare Test Data

Accurate test data is needed to simulate real-world usage and validate functionality properly.

05

Prepare Test Data

Accurate test data is needed to simulate real-world usage and validate functionality properly.

05

Run the UATs (Alpha Testing)

This is the execution phase where end users carry out the test cases to validate the system.

06

Run the UATs (Alpha Testing)

This is the execution phase where end users carry out the test cases to validate the system.

06

Run the UATs (Alpha Testing)

This is the execution phase where end users carry out the test cases to validate the system.

06

Confirm Compliance (Beta Testing)

This involves verifying that the application meets business requirements and is ready for production. It often leads to a formal sign-off.

07

Confirm Compliance (Beta Testing)

This involves verifying that the application meets business requirements and is ready for production. It often leads to a formal sign-off.

07

Confirm Compliance (Beta Testing)

This involves verifying that the application meets business requirements and is ready for production. It often leads to a formal sign-off.

07

Alpha Testing

Alpha Testing

Alpha Testing

Alpha Testing is an internal quality check performed before a product is released to external users. Conducted in a controlled environment—often by the design, QA, or development team—Alpha Testing helps identify functional gaps, usability flaws, and design inconsistencies early on. In UX, it’s a critical moment to validate that design intent translates into real behavior. It’s also when edge cases, accessibility concerns, and responsive performance are examined under realistic but supervised use.

Beta Testing

Beta Testing

Beta Testing

Beta Testing happens after Alpha, involving real users outside the core product team. It’s the product’s first exposure to live feedback in authentic environments. For UX, Beta Testing offers essential insights into user satisfaction, behavioral trends, and overlooked pain points. It allows you to measure if design decisions resonate with users at scale—and whether adoption flows, interaction patterns, or copy choices need refining before the full launch.

Think it,
Build it,
Ship it,
and Tweak it. Agile

Think it,
Build it,
Ship it,
and Tweak it.
Agile

Think it,
Build it,
Ship it,
and Tweak it.
Agile

Adobe DS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe DS

{

01

}

Apple DS/SDK

{

02

}

Google DS

{

03

}

Salesforce DS

{

04

}

Meta DS

{

05

}

Microsoft DS

{

06

}

Adobe DS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe DS

{

01

}

Apple DS/SDK

{

02

}

Google DS

{

03

}

Salesforce DS

{

04

}

Meta DS

{

05

}

Microsoft DS

{

06

}

Adobe DS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe DS

{

01

}

Apple DS/SDK

{

02

}

Google DS

{

03

}

Salesforce DS

{

04

}

Meta DS

{

05

}

Microsoft DS

{

06

}

.

1

3

* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP