SAP Fiori Design Guidelines

Comprehensive guidance for designing and building SAP Fiori applications following official SAP design system standards.

When to Use This Skill

• Designing or building SAP Fiori applications
• Implementing SAPUI5 or UI5 Web Components
• Following SAP enterprise UX patterns
• Choosing UI elements for SAP applications
• Implementing navigation, messaging, or data visualization
• Ensuring accessibility and inclusive design
• Applying colors, typography, or visual styling
• Designing AI-powered features, Joule integration, or guided prompts

Core Principles

SAP Fiori is built on five principles: