SAP Design System
ouvrir source framework pour consistent, accessible enterprise IU à travers SAP products.
Aperçu du Produit
SAP Design System, primarily SAP Fiori for SAP applications, is an open-source design system providing guidelines, components, and tools for building consistent, user-centric, and accessible enterprise experiences across SAP's ecosystem (S/4HANA, SuccessFactors, Ariba, etc.). It follows human-centered design principles with Fiori guidelines for web and mobile, offering reusable UI patterns, theming, and accessibility standards. The system includes Figma kits, code libraries (Fundamental Library for React/Angular/Vue), and extensive documentation for designers and developers. Fiori Guidelines: Core principles for UX in SAP apps, focusing on role-based, delightful, and coherent experiences. Component Library: Reusable elements like tables, forms, charts, and navigation with variants for themes (light/dark/high-contrast). Theming & Tokens: Quartz Light/Dark, Horizon themes; semantic colors, typography, spacing. Tools: Figma UI Kit for prototyping; openUI5 and Fundamental Styles for implementation. Accessibility: WCAG 2.1 AA compliance, keyboard navigation, screen reader support.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- Fiori Guidelines: Core principles pour UX dans SAP apps, focusing sur role-basé, delightful, et coherent experiences.
- bibliothèque de composants: Reusable elements comme tables, forms, charts, et navigation avec variants pour themes (light/dark/high-contraste).
- Theming & Tokens: Quartz Light/Dark, Horizon themes; semantic couleurs, typographie, espacement.
- outils: Figma kit d'IU pour prototypage; openUI5 et Fundamental Styles pour implementation.
- accessibilité: WCAG 2.1 AA compliance, keyboard navigation, écran reader support.
Avantages
- +Open source
- +Génération de palettes de couleurs
- +Vérification du contraste d'accessibilité
- +Système de design complet
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser / iOS / Android
Atlassian Design System
complet guidelines et Figma composants pour consistent, accessible product interfaces.
Carbon Design System
IBM's ouvrir source framework d'IU pour consistent, accessible enterprise products.
Cloudscape Design System
AWS ouvrir source framework d'IU pour consistent, accessible enterprise cloud applications.
Elastic UI
ouvrir source React framework pour consistent, accessible enterprise interfaces.
Evergreen
ouvrir source React framework d'IU par Segment pour consistent, accessible enterprise applications.
Flowbite Design System
ouvrir source Tailwind CSS bibliothèque de composants avec Figma kit pour rapid IU construction.
Forma 36 Design System
Contentful's ouvrir source système de concevoir pour consistent, accessible content management interfaces.
Friday Design System
ouvrir source Figma kit d'IU pour rapid prototypage avec personnalisable composants.
GOV.UK Design System
official UK government framework pour consistent, accessible public service interfaces.
Fluent UI
Microsoft's ouvrir source framework d'IU pour consistent, accessible experiences à travers web, Windows, iOS, Android, et macOS.