sap-fiori-guidelines

name

sap-fiori-guidelines

description

SAP Fiori design guidelines for building enterprise applications. Use this skill when designing, building, or reviewing SAP Fiori applications, implementing SAPUI5 or UI5 Web Components, working with SAP enterprise UX patterns, or needing guidance on buttons, forms, tables, object pages, list reports, navigation, messaging, colors, typography, accessibility, AI/Joule integration, or any SAP Fiori UI element. Triggers on mentions of Fiori, SAPUI5, UI5, SAP UX, SAP design system, or enterprise application design following SAP standards.

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:

1. Role-based - Designed for specific user roles and tasks
2. Adaptive - Works across devices and screen sizes
3. Coherent - Consistent experience across all SAP applications
4. Simple - Focused on essential tasks, reduces complexity
5. Delightful - Engaging and intuitive user experience

Technology Options

Technology	Use Case
SAPUI5	Full SAP Fiori applications, SAP BTP, S/4HANA