Message popover – success icon hidden, info icon takes its place Who can use the stencils?Īnyone. Or if you remove an item in the middle of a table, the items below it just move up. For example, if you hide a button in a toolbar, the remaining buttons are realigned. If you hide components or change a text, the layout adjusts automatically. You can make changes to the stencils without having to fix the layout every time. Quartz Light styles – applying a semantic color to a table row Auto layout When you choose colors, for example, the available colors are grouped in the standard Quartz Light color groups for better orientation. Once you’ve activated the styles library for Quartz Light, all the visual settings come with the Quartz Light theme parameters, including colors, strokes, and other effects. To switch the control, you just select the checkbox on your canvas and choose the radio button in the design panel.įigma instances – switching a checkbox to a radio button Built-in “Quartz Light” styles Let’s say you’ve added a checkbox but then realize that you need a radio button. You can also replace a control on your canvas with another one from the SAP Fiori library in just a couple of steps. All you need to do is select the button on your canvas and change the corresponding property in the Figma design panel.įigma variants – switching a button from compact to cozy mode Substitute controls on the fly One stencil, many variantsįor each stencil, you can adjust key parameters to get exactly the variant you need.įor example, within the stencil for the button control, you can pick the button type, adapt the display and value states, show the button as an icon, or display a badge. You’ll find more built-in configuration options, and it’s simpler to adapt individual stencil components. The new stencil format takes advantage of the capabilities offered by the Figma tool. With this asset, we want to make it easier for teams to collaborate on their SAP Fiori designs. The library already contains the main SAP Fiori UI elements and pages and will continue to grow. The SAP Fiori design stencils for web applications are now available as a Figma library. In this article, we’ll take a closer look at what the new stencils have to offer, followed by a quick round-up of the other updates with guideline version 1.92. The latest edition of the SAP Fiori design guidelines includes a brand-new SAP Fiori stencil set.

Figma blog