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.
SAP Fiori Mentor App for Android and iOS is available on Google Play and App Store
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.
Live preview of a component with a variety of settings
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.
You can easily preview and export the code for any UI component
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
The SAP Fiori Mentor app features a wide variety of UI components
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.