Evolving Generative Interfaces at SAP with Vercel

Highlights

• Eighty-four percent of all global commerce transactions process through an SAP system.

• SAP customers and partners deliver over 35,000 custom Fiori applications each month.

• Compositional design systems assemble interfaces dynamically at runtime using AI agents instead of static design-time layouts.

• SAP reduced its core UI building blocks to nine atomic and control primitives while maintaining full interface flexibility.

• Vercel's v0 serves as the standard vibe coding and prototyping environment across SAP.

Timeline

1. 00:00 - 03:36

   SAP Scale and the Shift to Generative Interfaces

   SAP maintains over 1,000 products with thousands of screens. A standardized design system provides typography, colors, and components across these products. Customers build more than 35,000 custom Fiori apps monthly with these open-source tools. Changing user behavior drives the company from rigid static workflows to generative interfaces that adapt dynamically to individual user intent.

   • Eighty-four percent of global commerce transactions run through SAP systems for 350 million users across 440,000 customers.
   • Traditional software development confines design choices to design time and misses individual user intent at runtime.
   • User interactions shift from manual click paths and reactive workflows toward natural language direction of AI agents.
2. 03:36 - 08:21

   Enterprise Requirements for Compositional Design

   Traditional design systems establish consistency across thousands of products during development, but generative UI shifts this responsibility to runtime execution. Enterprise systems must maintain strict legal compliance, security, and globalization standards across every dynamically generated layout. Joule Work demonstrates this operational model by combining natural language chat with dynamically composed dashboard spaces.

   • Generative user interfaces require strict enterprise predictability rather than random layout variations for identical prompts.
   • Global enterprise standards mandate support for over 90 countries, 90 languages, bidirectional text, and rigorous accessibility compliance.
   • Joule Work leverages compositional design to power conversational experiences and the generative canvas known as Spaces.
3. 08:21 - 17:18

   Architecture of the Compositional Design System

   Deconstructing user intent into structured interface plans enables generative UI at scale before component selection. SAP limits its client-side footprint through nine atomic and control primitives combined into rich composite specifications stored in databases. Institutional design knowledge regarding accessibility and component interactions is embedded directly into the catalog service to guide AI selection.

   • Compositional design systems integrate AI agents, core services, and asset catalogs to assemble interfaces dynamically.
   • Intent analysis combines user prompts with business context and platform constraints from desktop, tablet, or automotive environments.
   • Catalog services utilize pre-curated composite specifications and usage rules to match user intent with compliant interface components.
4. 17:18 - 21:43

   Prototyping and Scaling with Vercel v0

   Demonstrations with HR data systems illustrate how new UI compositions publish directly to backend databases and render instantly across React clients. Vercel tooling accelerates concept validation and production readiness across design teams. Cross-platform support scales generative experiences from desktop browsers down to in-vehicle automotive interfaces.

   • Client applications dynamically pull pre-curated composition records from databases without requiring client software updates.
   • Vercel's v0 functions as the standard vibe coding and prototyping platform for over 80 top SAP designers.
   • Skills.sh streamlines the distribution of coding agent skills and installation support for enterprise customers.