SAP Design System

Produktübersicht

SAP Design System, primär SAP Fiori für SAP-Anwendungen, ist ein quelloffenes Design-System, das Richtlinien, Komponenten und Werkzeuge zum Bau konsistenter, nutzer-zentrierter und zugänglicher Enterprise-Erlebnisse über SAPs Ökosystem (S/4HANA, SuccessFactors, Ariba usw.) hinweg bietet. Es folgt menschen-zentrierten Design-Prinzipien mit Fiori-Richtlinien für Web und Mobile und bietet wiederverwendbare UI-Muster, Theming und Barrierefreiheits-Standards. Das System umfasst Figma-Kits, Code-Bibliotheken (Fundamental Library für React/Angular/Vue) und umfangreiche Dokumentation für Designer und Entwickler. Fiori-Richtlinien: Kern-Prinzipien für UX in SAP-Apps, mit Fokus auf rollen-basierte, erfreuliche und kohärente Erlebnisse. Komponenten-Bibliothek: Wiederverwendbare Elemente wie Tabellen, Formulare, Diagramme und Navigation mit Varianten für Themes (Hell/Dunkel/Hoher-Kontrast). Theming & Tokens: Quartz Light/Dark, Horizon-Themes; semantische Farben, Typografie, Abstände. Werkzeuge: Figma UI Kit für Prototyping; openUI5 und Fundamental Styles für Implementierung. Barrierefreiheit: WCAG 2.1 AA-Konformität, Tastatur-Navigation, Screen-Reader-Support.

label.best_for

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

• Fiori Guidelines: Core principles für UX in SAP apps, focusing auf role-basiert, delightful, und coherent experiences.
• Komponentenbibliothek: Reusable elements wie tables, forms, charts, und navigation mit variants für themes (light/dark/high-Kontrast).
• Theming & Tokens: Quartz Light/Dark, Horizon themes; semantic Farben, Typografie, Abstand.
• Werkzeuge: Figma UI-Kit für Prototyping; openUI5 und Fundamental Styles für implementation.
• Barrierefreiheit: WCAG 2.1 AA compliance, keyboard navigation, Bildschirm reader Unterstützung.