Video recording of instruction walk through

1.Link to library file “SF Design Specification Assets”

2.Pull “” component into your file & fill in / edit / hide information shown inside

3.Resize “” component accordingly and put all your design screens inside the canvas area

4.Pull in “”, “”, “” and “” and place them into dedicated location as needed.

5.“” is used when you have delivered design spec for certain sprint but needs adjustment. While you are updating a specific screen, you can put it on top of dedicated screen so that others know changes are expected.

6.If you have design screens that covers multiple sprints, simply update copies inside Sprint Label. For example, if you have a label for “”, then you can update the copy to “. If your scrum team thinks this part is unnecessary, you can skip this part.

Tips: When placing “Navigation” component on top of a screen, you may end up putting it inside an auto layout, which is not what you want to do. There are two ways to do this:

Place the component next to the screen and use arrows on your keyboard to move it over (Hold “Shift” to move faster)

Select the screen and lock it by “Command + Shift + L” and then move “Navigation” component over.

7.Specify new custom components/patterns and categorize by “” or “”. If it is “”, please list down what Fiori Standard component/pattern it is based upon

If you have any question or need additional assets, please prepare reasons why along with use case and reach out to:

-Joyce Lin -joyce.lin02@sap.com

-Junjie Piao (PJ) - junjie.piao@sap.com