UI Kit 10.0
Intro
This Figma UI Kit contains SAP Fiori for iOS UI components, patterns, page types, and foundation. It helps accelerate design and development processes and encourages consistency across SAP applications.
Download the 72 font: Desktop | Web
Download the San Francisco font here.
Download SF Symbols here.
Foundations:
New Design Token Color Variables: implemented across Light, Dark and Increase Contrast (Light & Dark) modes, aligned with Android
Updated Iconography: using SAP Fiori custom symbol library
Components:
New: Cards and card system, Key Value Table View Cell
Updated: Buttons, Filter Feedback Bar, Form Cells (disabled states, error handling, inline validation), Attachment Form Cell, Stepper Form Cell, Illustrated Message enhancement, Modals, Navigation Bar, Toolbar
Patterns:
New: List Picker, Skeleton Loading
Your feedback has been sent to the SAP Fiori design team.