flex-height
text-black

The Compositional Design System

Evolving design systems for AI-driven UX

default

{}

default

{}

primary

default

{}

secondary

How SAP is enabling intent-driven, AI-composed experiences at enterprise scale

Enterprise software is undergoing a fundamental shift with the rise of AI, and it is already visible. AI is no longer a feature inside applications; it is becoming the primary interaction layer. Across the industry, interfaces are moving from predefined screens to dynamically generated experiences shaped in real time by user intent, context, and data.

So, what does this mean for user experience? For decades, we designed interfaces as static artifacts: screens, components, and flows built for the average user across a known set of tasks. Design systems scaled that approach, making it consistent, repeatable, and efficient.

But when AI becomes the interface, that model reaches its limits. In the AI-driven enterprise, experiences are no longer designed once and reused repeatedly; they are composed continuously around what users need to achieve at any given moment. With the Compositional Design System, SAP is moving from defining interfaces to defining the intelligence behind them.

Illustration of a person holding a laptop against a purple gradient background, surrounded by abstract UI elements, charts, and icons representing AI‑driven design and data composition, with the words “Composing the moment.” displayed on the right.

Traditional design systems scaled how humans design and build interfaces. A compositional design system scales how interfaces can be intelligently assembled by AI in real time based on user intent, context, and evolving conditions.

AI-driven experiences behave less like predefined workflows and more like modern navigation systems, adapting dynamically based on user intent, context, and changing conditions. This shift is central to SAP’s strategy for the Autonomous Enterprise: a world where AI assistants and agents execute end-to-end processes across connected systems, continuously sensing, deciding, and acting in real time.

What is a Compositional Design System?

Mature design systems are strong at defining what things look like: tokens, component anatomy, states, variants, and usage guidance. What they often lack is the deeper logic behind how components relate to each other, which combinations are valid, what a pattern means in context, and why a particular structure exists. In a world where humans assemble screens manually, much of that logic lives in designers' heads and is communicated through documentation, reviews, and shared intuition.

Generative AI cannot rely on intuition. It needs explicit, machine-readable structure. Without it, AI can generate interfaces that are technically correct but experientially incoherent, what we would call a Frankenstein UI: assembled from valid parts, but wrong as a whole. The real challenge of generative UI is not generating components. It is generating correct structure and meaningful experiences.

This is where the Compositional Design System comes in. The Compositional Design System extends traditional design systems with the logic, structure, metadata, and guardrails needed for AI-driven experience composition.

How does the Compositional Design System work?

The Compositional Design System transforms the design system from a library of assets into a system of intelligence. Its role is not just to define what exists, but to encode the design logic behind how experiences are assembled, which combinations are valid, and what the system is allowed to generate.

This requires three things traditional systems do not provide:

These pillars make the compositional design system executable. It moves beyond being a set of guidelines or references for humans, and becomes a foundation for AI-driven experience composition. Because this compositional logic is independent of any single interface or technology stack, experiences can be generated consistently across products, devices, and interaction modalities. This enables experiences that adapt dynamically to the user’s role, context, intent, and goals.

Desktop and mobile views of an enterprise analytics workspace showing a return order dashboard with charts, graphs, and insights for “Return Order – BikePros,” alongside a mobile screen displaying return tasks, alerts, and performance summaries on a blue gradient background.

For example, a procurement manager could ask to “prepare a quarterly supplier risk review,” and instantly receive a focused workspace bringing together relevant suppliers, regional risks, mitigation actions, and collaboration tools. Instead of navigating generic dashboards, the experience is dynamically composed around the user’s goal, role, and priorities.

Joule Work: the Compositional Design System in action

The Compositional Design System is not just a concept on a roadmap. It’s already being used in SAP’s latest AI-powered workspace, Joule Work, as announced at SAP Sapphire 2026.

Joule Work is SAP's new engagement layer: a single, AI-powered workspace where users express what they want to accomplish, and the system orchestrates the right data, workflows, and agents across SAP systems and beyond to deliver meaningful outcomes.

At the heart of Joule Work are Spaces: dynamically composed workspaces generated based on the user’s intent and context.

Desktop and mobile views of an enterprise analytics workspace showing a return order dashboard with charts, graphs, and insights for “Return Order – BikePros,” alongside a mobile screen displaying return tasks, alerts, and performance summaries on a blue gradient background.

For example, a returns clerk managing a complex case no longer navigates multiple applications and manually connects information. Instead, they express their intent in Joule Work, and a Space materializes with all the relevant data, process context, and next steps, assembled into a coherent experience for that situation.

This dynamic assembly is called generative UI, and what makes it coherent, trustworthy, and usable is the Compositional Design System working underneath.

Extending SAP Fiori into the Autonomous Enterprise

The Compositional Design System does not replace SAP Fiori. Fiori provides structured, reliable interfaces for transactional workflows where consistency and precision are critical.

What the Compositional Design System adds is the structure, logic, and guardrails needed for AI-driven composition and adaptation, independent of any single application or interface. It enables SAP to generate experiences across applications and technologies, while remaining consistent with established SAP Fiori design patterns.

Users move between the two naturally. SAP Fiori remains the foundation for structured application experiences and transactional workflows, while the Compositional Design System enables generative, cross-system experiences composed dynamically around user intent. Two kinds of experiences. One coherent system.

What this shift means for design and designers

This evolution changes what design work actually is, but we see it as a crucial evolution alongside AI tools.

A different way to think about design systems

Traditional design systems scale consistency. Compositional design systems scale design intelligence. Consistency ensures the same decision is applied everywhere. Intelligence ensures the right decision is generated for each context, while remaining correct, governed, and trustworthy. As enterprise software shifts from static applications to adaptive, AI-driven experiences, design systems must evolve accordingly, from defining interfaces to enabling systems that can generate them.

The Compositional Design System ensures that as experiences become dynamic, they remain coherent, reliable, and aligned with how businesses actually run.

To find out more about the Joule Work experience, read Designing the Autonomous Enterprise.

Experience Joule Work

Be one of the first to experience Joule Work through the Early Adopters program.

Sign up

true
true