SAP Design System

sap.com ↗

Fiori and digital-interface guidance across SAP platforms

SI Score
70/100
Pricing
Free AI reading, not confirmed
Free plan
Yes AI reading, not confirmed
Sign-up required
Not required AI reading, not confirmed

Ask SI about SAP Design System

Answers use saved listing facts and recorded sources.
Homepage screenshot
Screenshot of the SAP Design System homepage

What it does

SAP Design System brings together Fiori guidance for web, Android and iOS, plus SAP’s digital design resources. It provides UI elements, visual foundations and links to design kits for enterprise interfaces. The public portal can be browsed without an account; implementation and kit terms depend on the selected resource.

SAP’s design portal has four distinct paths. SAP Fiori for Web covers the SAPUI5-based web interface. SAP Fiori for Android combines Material Design conventions with SAP workflows, while SAP Fiori for iOS follows the iOS context. SAP Digital Design System is a separate set of web-interface resources.

Each path has UI elements, UI kits and an overview. The Fiori for Web overview also links visual design foundations and SAP Accessibility Design Tools. This is a reference hub for teams working in SAP environments, so choose the platform before following a component or kit link. Browsing the guidance is free. Check the licence attached to a kit or implementation framework before reusing it.

Strengths

  • Web, Android and iOS have distinct Fiori guidance paths
  • The web overview links visual foundations and accessibility design tools

Best for

  • Teams designing interfaces in SAP environments

Sources