SAP Fiori Fundamentals UI Kit
UI Kit includes ready-to-use, state-of-the-art drafts of SAP Fiori layouts, patterns and controls in sketch. You are welcome to use the design stencils to visualize your SAP Fiori app. They are easy to use and give you a realistic impression of your final design.
UI Kit Bundle
Our UI Kit Bundle includes the Sketch Component Library, Icon Font, 72 Typeface, and a Sketch plugin with step by step instructions in the Release Notes to help update the previous version of the Sketch library.
UI Kit Assets
Sketch File v1.4.2
Our Sketch file has over 30 unique components refined and streamlined to allow any user the ability quickly and effeciently build Fiori 3 interfaces using the Fundamentals design system.
Download Sketch File
72 Font
SAP 72 font family was designed from the ground up and made it possible to meet SAP Fiori’s typographic requirements, including - Legibility Enhancements, Font Styles, Brand Voice, Character Set and Language Support.
Download 72 Typeface
Icon Font
SAP icons have been created with a friendly, yet elegant style that is consistent in terms of size, stroke and balance. The icons are tailored for simple and direct user interaction, using metaphors that are easy to understand.
Download SAP Icon Font
Sketch Plugin
Symbol Swapper makes it easy to remove your old library, attach a new version, and update all symbols in your document to the newest version in 4 easy steps.
Download Plugin
What’s new in v1.4.2?
The Fundamentals UI team is always making improvments to our Sketch UI kit. Keep track of updates in the Release Notes section of the Sketch file.
Left Navigation
Brand new symbols to help you add a left navigation element to your design.
More Buttons
More Segmented Button options for complex tables, and smaller button sizes to accommodate compact layouts.
Override panel visual cues
The addition of icons at every top level override in the overrides panel to help you scan and find what you need faster.
