The SAP Fiori Mentor app is an interactive playground for mobile designers and developers that enables them to explore the flexibility of mobile components and patterns available through the SAP BTP Software Development Kits for Android and iOS.

You can view live previews of all UI components and change parameters to see the effect immediately. Once a component is customized to your liking, view and copy the ready-made code snippet. You can also learn more about the backend components such as onboarding flows, SAP Foundation & OData.

Download it now – it’s available on Google Play and App Store for iPad.

Building on Google’s Material Design and Apple’s Human Interface Guidelines, the out-of-the-box UI components extend the SAP mobile design systems with components designed for enterprise use cases and a variety of industry applications. These include the visual update of core OS components, feature enhancements, and the creation of completely new components.

Explore the Power of UI Components

Flexible UI Components

By adjusting component settings within the app, you can live preview the behavior, interaction, and features of components. This not only speeds up the communication between design and development but also allows you to identify the right component for your requirements and user needs. On top of that, the SAP Fiori Mentor app helps you to adapt standard components to best support your specific scenarios.

Preview and Export Code

The app provides developers the option to export code samples with predefined settings that can be exported into their preferred development tool. Designers on the other hand can easily understand the scope of functionality for a specific component, specify their designs with applicable parameters, and hand over the respective code snippets to their development partners.

And Many More Features

• Inspiration from a wide variety of UI components
• Simulation of UI component behavior in phone and tablet mode
• Preview and export of code samples with predefined settings
• Fundamental backend components
• Best practices for component usage

Start Exploring Today!

The SAP Fiori Mentor app and additional enablement resources support you in designing and building applications with SAP Fiori for Android and iOS.

Download the SAP Fiori Mentor app now for Android & iOS.

• iOS: Download the SAP Fiori Mentor app for your iPad in the Apple App Store.
• Android: Download the SAP Fiori Mentor app for your Android devices on Google Play.