SAP Fiori is the design language that brings great user experiences to enterprise applications. In addition to the great resources we already provide to support the adoption of our design system, we are announcing an exciting new step in our goal to bring the award-winning SAP Fiori user experience (UX) to as many applications as we can.
What you may already know about SAP Fiori
Those of you familiar with SAP Fiori, know that it can be implemented in various UI technologies. We provide the Fiori design language out-of-the box with the SAPUI5 framework, as well as with SAP Fiori for iOS and SAP Fiori for Android to build native mobile apps. If you’ve done any designing or developing for Fiori, you probably also know SAP Fiori elements, a helpful framework for the most common application patterns that ensures design consistency and compliance with the latest design guidelines. Developers in particular benefit from Fiori Elements because it reduces the amount of frontend code needed to build SAP Fiori apps.
All of these guidelines, tools, templates, stencils and code snippets are open source for anyone interested in building Fiori apps. And we will continue to offer these resources in the future.
3 reasons why SAP Fiori UX is decoupled from the code base
First, UI technology changes very frequently. Supporting only one UI technology does not give us the flexibility to take advantage of the latest and greatest technology on the market. Second, because of the breadth of our portfolio, it is impossible for us to converge on only one technology stack, UI technology or UI framework. Re-platforming for the sake of UX consistency alone does not bring our customers value. And finally, we want to give our community of internal and external designers and developers the freedom to choose the right technology for their projects.
The next big step in our offering will be SAP Fiori fundamentals. This is a light-weight presentation layer that can be used with your UI framework of choice (e.g. Angular, React, Vue, etc.).
Keep in mind, SAP Fiori fundamentals is not a new UI technology, nor is it replacing UI5. And, we are not abandoning or slowing down our investments in UI5. SAP Fiori fundamentals is a library of stylesheets and HTML tags that developers can use and extend to build Fiori apps in their preferred UI framework. It is open sourced to enable our various product teams, our customers and our partners to quickly extend the library and evolve SAP Fiori in any web-based technology.
For designers and developers
In addition, we plan to redesign the Fiori Guidelines to support our two main personas: the designer and the developer. The designer path will contain the guidelines, stencils, tools, and plugins needed to easily create experiences using the Fiori design language. We will also provide Sketch plug-ins so that they can produce Fiori designs with predefined Fiori components. The developer section will contain the guidelines, libraries, and sample code they need to develop apps or applications with Fiori UX, in the technology of their choice. These investments will help SAP deliver a consistent Fiori user experience for our own products AND will enable our partners and customers to adopt Fiori UX for their own applications.
Try it out today