SAP Fiori

What is SAP Fiori?

SAP Fiori is the design language that brings great user experiences to enterprise applications. Based on user roles and business processes, SAP Fiori simplifies doing business.

SAP Fiori elements

SAP Fiori elements is a helpful framework for the most common application patterns that ensures design consistency and compliance with the latest design guidelines.

Discover Beacon

Beacon helps you discover and learn about SAP Fiori. Comprised of bite-sized knowledge nuggets in various formats, Beacon aims to broaden awareness about and increase understanding of SAP Fiori.

The SAP Fiori Design Guidelines

Learn how to design engaging and intuitive apps that can run on any device.

SAP Fiori fundamentals

SAP Fiori fundamentals is a light-weight library of stylesheets and HTML tags that allows developers to build SAP Fiori apps in any web-based UI framework (e.g. Angular, React, Vue, etc.).

Join the Fiori Makers

In this virtual community call series, design-minded SAP partners showcase their SAP Fiori app designs and present their insights from their implementation projects. SAP Design has reviewed these apps and will give additional tips and tricks for creating a great user experience using SAP Fiori.

Most recent SAP Fiori Design discussions
  • SAP Fiori Design

    Mobile Notch Issue

    My app content are hidden inside the notch in some mobiles.In this case we are not able to solve this kind of issues.How to handle mobile notch issue while developing apps? We are trying to solve thi…
    71  |  0  | 
    1 month ago
  • SAP Fiori Design

    Tile works only after adding dummy group

    Hi .. I am new to this community . We are facing a strange issue in our FioriLanchpad. There is an Analytical app(Analyse Credit Expore) which is added in the group and included in the role. When We …
    163  |  0  | 
    1 month ago
  • SAP Fiori Design

    Contextual help for custom ui5 application

    Hi, We are looking to add contextual help for custom UI5 application. I searched through but there are hardly any documentation for the same. Can someone help me in getting the details on how to conf…
    166  |  0  | 
    2 months ago
  • SAP Fiori Design

    Injecting additional Library into Fiori?

    Hi, does Fiori allow for additional design libraries?  We have an internal design system (built in React.js) that we want to pair with Fiori.  Is this possible? Thanks!
    157  |  0  | 
    2 months ago