Design

Welcome to a New Era of Experience with AI Agents

AI agents are a new type of end user that needs agent-friendly design so they can interact with your business and generate valuable outcomes.

On a purple-blue gradient background is an illustration of a mountain range, with beams of light topped with nodes that represent agents. There's an aurora in the sky.

Featured Voices

AI agents need a structured metadata map to make sense of how information is connected so they can generate meaningful outcomes.

A black woman with close-cropped blond hair is tapping or swiping at data that's displayed on a clear screen in the foreground.

Nic Dimond

Designing for the age of intelligent systems means rethinking how we structure content, interpret language, and support user intent.

3 authors

Simplifying the portal design to focus on how humans have conversations helped our teams overhaul the user interface – in only five days.

Illustration of four responses in varied formats from an AI assistant

Fiona Tang

When we take a modular design approach, our AI assistant can respond with varying formats.

Illustration of SLDS 2 components on a gradient background of deep blues and purples.

Adam Doti

Nic Dimond

A new architecture expands branding and theming options, and sets the foundation for agentic experiences – and dark mode.

Decorative image with example design elements, such as a color palette, icons, circular motif.

Alwin Mulyono

Salesforce Cosmos, our new Lightning user interface design, is modern and improves the navigation, speed to task, and approachability for diverse users.

Illustration repeats a checkboard design consisting of squares and laptops

Alan Weibel

Structure and guidelines keep your user interface tidy, consistent, and friendly to navigate.

Illustration of a screen with pointers that call out where styling hooks values affect the look of the component.

Stephanie Green

Simplify how you customize Salesforce and ensure consistent design across your components.

On an orange gradient background are boxes that represent SLDS 2 components one might design in Figma, include buttons, checkboxes, and toggles.

Amanda Page

If you develop for the Lightning Platform, keep your Figma instances attached so they can get the latest design system updates.

An illustration of an AI assistant chat interface, an stock image of a keyboard and the Salesforce character Astro.

Jacqueline Tolisano

Discover 3 best practices that help keyboard users interact with Agentforce and Prompt Builder.

See More Stories

Design

Welcome to a New Era of Experience with AI Agents

Featured Voices

Kat Holmes

Madonnalisa Chan

Nic Dimond

What is Ontology and Its Role in Agentic Experience Design?

Key Agentic Concepts Designers Need to Know

5 Mindset Shifts that Transformed the Agentic Experience of Salesforce Help

Why We Designed Agentforce With Primitive Components

What is SLDS 2 (Beta)? It’s a Path to the Future

We Refreshed Our Visual Design – Here’s How It Helps You Work Faster

What is a Design System and How Does it Tame Your UI?

Say ‘Yes’ to the Power of Global Styling Hooks

Don’t Detach: Why Figma Component Health Matters

We Design AI Interfaces with Accessibility in Mind – Here’s How

Design

Featured Voices

Kat Holmes

Madonnalisa Chan

Nic Dimond

Get the latest articles in your inbox.

360 Highlights

IT

Commerce

Marketing

Service

Sales

Thanks, you're subscribed!