- SAP Managed Tags:
We’re excited to share that the latest version of the SAP Fiori for Web UI Kit is now live in the SAP Figma Community!
This update is essential for anyone designing enterprise web apps: it helps teams work faster, avoid rework and ensures your designs stay consistent, efficient, and ready for implementation.
The updates below include new components, improved variants, and refreshed design variables, all of which directly impact how you build and maintain high-quality UI elements.
What’s New - and What’s Evolved?
Here’s a quick overview of the most important updates we’ve introduced over the past few versions, now all included in the new file:
9+ New components:
Tool Header, User Menu, Settings, Shell Bar, Side Navigation, and Notifications introduced.
Form has been added to streamline structured data input.
The Legend provides a visual guide for interpreting content in the Calendar. The Legend Item represents individual status indicators within the Legend.
A new badge type called the Attention Badge has been introduced for Buttons, building on the existing Counter Badge.
Variables:
All design variables have been updated to align with the latest version, ensuring consistency and accuracy across components.
Component Improvements:
Additional variants have been added to existing components.
What This Means for You
You have access to an accurate, easy-to-use, and regularly updated UI Kit - all in one place. Whether you're designing, prototyping, or building with SAP Fiori for Web, this setup ensures you're always working with the latest standards.
Thanks for being part of the journey. We’re already preparing for the next update. We can’t wait to see what you create with the SAP Fiori for Web UI Kit!
Feel free to check out our other kits in the SAP Figma Community.
Authors: Siyana Dicheva (UX Designer, SAP Core Design Team) and Janina Fichtner (UX Designer, SAP Core Design Team)
