Startseite/Schulung/Figma für SAP Fiori

Figma-Schulung für SAP Fiori Ihr Team gestaltet Fiori-Apps selbst und plant neue Apps in Projekten besser

Ob SAP-Beratung, Projektteam oder Inhouse-IT: In drei Live-Terminen lernt Ihr Team, Fiori-Screens mit den offiziellen SAP UI Kits in Figma zu gestalten, zu Klickprototypen zu verbinden und KI-gestützt zu entwerfen. Am Ende stehen ein Screendesign und ein interaktiver Prototyp für Ihren eigenen Use Case.

3 Live-TermineRemote per Teams1 bis 10 Personen pro GruppeKnow-how für KI-gestütztes Screendesign

Schulung anfragen Inhalte ansehen

Live Termin 1 · Figma für Fiori

6 Personen

Seiten 1 Figma-Grundlagen 2 Figma für Fiori 3 Ihr Use Case Ebenen List Report Object Page Dialog

List Report

Object Page

KUWie komme ich von der Zeile zur Detailseite?

Mit einer Verbindung im Prototyp-Modus. Ich zeige es gleich.

Übung 3 · Prototyp3 von 3

Alle arbeiten live in derselben Figma-Datei

Projekte für Kundenlogos: SAP, E.ON, dm-drogerie markt, Bundesagentur für Arbeit, CANCOM, Thalia, Xiting

Überblick

Maximilian Gräf
SAP UX Designer, Dresden

Figma ist das meistgenutzte Tool für Screendesigns und eignet sich genauso für Fiori-Apps. SAP liefert dafür offizielle UI Kits, Ihr Team muss sie nur sicher einsetzen können.

Genau das lernt Ihr Team bei mir: erst das Handwerk in Figma, dann die Fiori-Bausteine, dann Ihr eigener Use Case. Zum Schluss baut Ihr Team Know-how für KI-gestütztes Screendesign auf: Über die Figma MCP erstellen Claude, ChatGPT oder Gemini Screens und Prototypen direkt aus dem SAP UI Kit.

Die Schulung habe ich bereits mehrfach für SAP-IT-Teams und SAP-Beratungen gehalten. Wenn Sie die Gestaltung lieber ganz abgeben, übernehme ich sie im Fiori Screendesign.

Für wen

Für alle, die Fiori-Apps zeigen statt beschreiben wollen

Design-Vorkenntnisse brauchen Sie nicht. Wichtig ist, dass Sie Fiori-Apps planen oder verbessern und Ihre Ideen sichtbar machen wollen, bevor jemand entwickelt. Am Klickprototyp prüfen Sie mit Ihren Key Usern früh, ob eine App in die richtige Richtung geht. Das spart am Ende viel Anpassungsaufwand.

ProjektleitungProjektmitarbeitende

Projektteams

Sie planen neue Apps und skizzieren Screens bisher in PowerPoint oder Excel? Mit Figma und den SAP UI Kits sehen Entwürfe aus wie die echte App. So sprechen alle über dasselbe Bild.

Bestellübersicht (Entwurf)Folie 12

Status ▾Datum ▾Lieferant ▾Werk ▾

BestellungLieferantDatumStatus

Spalte Liefertermin fehlt noch?

Klick öffnet Details

Inhouse-BeratungKey UserProduct Owner

SAP-IT im Unternehmen

Anforderungen mit dem Fachbereich direkt am Screen klären, bevor die Entwicklung startet.

BeratungPresales

SAP-Beratungen

Kunden Screendesigns und Klickprototypen zeigen statt seitenlanger Textkonzepte.

Ablauf

So läuft die Schulung

Drei Live-Termine mit Übungszeit dazwischen. Ihr Team arbeitet von Anfang an selbst in Figma, jede Person auf ihrer eigenen Übungsfläche.

Schritt 01 · Vorbereiten

Vorgespräch und Figma-Projekt

In 30 Minuten klären wir Schwerpunkte, Teilnehmende und einen Use Case aus Ihrem Arbeitsalltag. Danach richte ich Ihr Figma-Projekt mit den offiziellen SAP UI Kits ein und lege für jede Person eine eigene Übungsfläche an.

ERGEBNISIhr Figma-Projekt, es bleibt bei Ihnen

Figma-Projekt · Ihr Unternehmenbleibt bei Ihnen

SAP UI KitAlle Fiori-Bausteine als Bibliothek

ÜbungenGrundlagen, Fiori, Use Case

List Report als Ausgangspunkt für den Use Case

Ihr Use CaseScreenshots Ihrer App

Schritt 02 · Termin 1

Figma-Handwerk und Fiori-Grundlagen

Erst die Grundlagen in Figma: Frames, Text, Bilder, Klickdummies, Kommentare, Export und Teilen. Dann die Fiori Design Guidelines, die SAP UI Kits und die Fiori Elements Floorplans. Zu jedem Thema gibt es eine Übung in Ihrer Datei.

ERGEBNIS12 Übungen, jede Person sicher in Figma

Schulungsfolie: Fiori Elements Floorplans im Überblick

Schulungsfolie: SAP Fiori Design Stencils in Figma

TERMIN 1 · 3 STUNDEN1Figma Intro2Grundlagen · 9 Übungen3Fiori Intro4Figma für Fiori · 3 Übungen

Schritt 03 · Üben

Zeit zum Ausprobieren

Zwischen den Terminen übt Ihr Team in der eigenen Datei weiter. Wer etwas noch einmal sehen will, schaut in die Aufzeichnung. Fragen aus dem Alltag bringen alle zum nächsten Termin mit.

ERGEBNISFragen aus der Praxis statt aus der Theorie

Aufzeichnung von Termin 1 mit der Folie zu den SAP Fiori Design Stencils

Figma IntroFigma-GrundlagenFiori IntroFigma für Fiori

FRAGEN FÜR DEN NÄCHSTEN TERMIN

Wie bekomme ich eine eigene Spalte in die Tabelle?

Kann ich denselben Screen auch für das Tablet anlegen?

Welcher Floorplan passt zu unserer Freigabe?

Schritt 05 · Termin 3

KI-gestütztes Screendesign

Jetzt kommt die KI dazu. Ihr Team verbindet Figma über MCP mit Claude, ChatGPT, Gemini oder dem KI-Tool Ihrer Wahl. Die KI baut Screens direkt aus dem SAP UI Kit, Ihr Team prüft sie fachlich und verfeinert sie von Hand.

ERGEBNISKnow-how für KI-gestütztes Screendesign

ClaudeAnthropic

ChatGPTOpenAI

GeminiGoogle

Ihr KI-Toolmit MCP-Unterstützung

Figma MCPSchnittstelle zu Ihrem Figma-Projekt

Aus dem SAP UI Kit

Fachlich geprüft von Ihrem Team

Schritt 06 · Auf Wunsch

Begleitung im Projektalltag

Auf Wunsch bin ich nach der Schulung weiter für Ihr Team da: Fragen per Mail oder im kurzen Call, Feedback zu Screendesigns und Hilfe bei konkreten Schritten. Mit einem Stundenkontingent, das zu Ihrem Projekt passt.

ERGEBNISSicher im Projekt, nicht nur in der Übung

PLStatus als ObjectStatus mit Fiori-Farben?Ja, Grün für pünktlich, Orange für kritisch. Passt so.

IBSpalten in derselben Reihenfolge wie im List Report?Ja, dann finden Key User alles an derselben Stelle.

01 / 06

Übungsdatei

Gelernt wird in der echten Datei

Jede Übung erklärt ein Werkzeug und endet mit einer Aufgabe zum Ausprobieren. Alle arbeiten parallel in derselben Datei. Ich sehe jede Übungsfläche und helfe direkt dort, wo es hakt.

Übungen · Figma für Fiori/ Seite 1 · Figma-GrundlagenÜbung 1 von 9

Grundlagen · Übung 1

Figma-Anatomie

Datei, Seiten, Assets, Werkzeugleiste und Teilen auf einen Blick.

Ausprobieren!Finden Sie alle beschrifteten Bereiche in Ihrer eigenen Figma-Datei wieder.

Termin 3 · KI-gestütztes Screendesign

Handwerk zuerst.
Dann mit KI in Minuten.

Wer die Bausteine kennt, setzt KI gezielt ein. Ihr Team lernt, Figma über MCP mit Claude, ChatGPT, Gemini oder dem KI-Tool Ihrer Wahl zu verbinden, damit die KI direkt mit den SAP UI Kits arbeitet. Ob ein Entwurf fachlich passt, entscheidet weiterhin Ihr Team.

AUFTRAG AN DAS KI-TOOL

Prompt

Erstelle in unserem Figma-Projekt einen List Report für Kundenaufträge: Filterleiste mit Status und Datum, Tabelle mit Auftrag, Firma, Ort und Betrag. Nutze nur Komponenten aus dem SAP UI Kit.

ERGEBNIS IN FIGMABereit

PRÜFUNG DURCH IHR TEAM Passender Floorplan Nur Bausteine aus dem UI Kit Texte und Zustände fachlich geprüft

Format

Bewusst remote.
Bewusst in drei Terminen.

Ihr Team lernt so, wie es später auch arbeitet: jede Person am eigenen Rechner, alle in derselben Datei.

Alle in derselben Datei

In Figma arbeiten alle gleichzeitig in einer Datei. Ich sehe jede Übungsfläche live und helfe genau dort, wo es hakt.

Jeder Schritt zum Mitmachen

Ich zeige jeden Handgriff auf dem geteilten Bildschirm, Ihr Team macht ihn direkt nach. Im Schulungsraum säßen ohnehin alle am eigenen Laptop.

Zeit zum Üben dazwischen

Zwischen den Terminen übt Ihr Team selbst und bringt Fragen mit. Das bleibt länger hängen als ein einziger langer Schulungstag.

Aufzeichnung inklusive

Alle Termine werden aufgezeichnet und bleiben bei Ihnen. Auch für Kolleginnen und Kollegen, die später dazukommen.

Wie groß ist Ihr Team?6 Personen

Eine GruppeDrei Live-Termine, alle gemeinsam

Höchstens 10 Personen pro Gruppe, damit jede Person mitmachen kann und persönliches Feedback bekommt. Größere Teams teile ich auf mehrere Gruppen auf.

Ergebnis

Was Ihr Team danach kann

Fiori-Screens mit den offiziellen SAP UI Kits gestalten
Fiori Elements Floorplans gezielt einsetzen
Screens zu Klickprototypen verbinden und per Link teilen
KI-gestützt Screens erstellen und fachlich bewerten
Anforderungen am Screen klären statt in langen Konzepten

LEISTUNGSUMFANG

Im Festpreis enthalten

Vorgespräch zu Zielen und Use Case
Figma-Projekt mit den SAP UI Kits, es bleibt bei Ihnen
Eigene Übungsfläche für jede Person
Zwei Live-Termine à 3 Stunden: Figma, Fiori und Ihr Use Case
Ein Live-Termin à 2 Stunden: KI-gestütztes Screendesign
Aufzeichnung aller Termine
Übungsdatei mit allen Ergebnissen

Auf Wunsch: Begleitung danach, mit Stundenkontingent nach Bedarf

Festpreis pro Gruppe. Ihr Angebot bekommen Sie innerhalb von zwei Werktagen.

Voraussetzung: je Person eine Figma-Lizenz mit Bearbeitungsrechten, mindestens im Schulungsmonat.

Schulung anfragen

FAQ

Häufige Fragen

Brauchen wir Vorkenntnisse?

Nein. Wir starten bei null: Aufbau von Figma, erste Formen, erster Frame. Erfahrung mit SAP-Anwendungen hilft, Design-Erfahrung braucht es nicht.

Welche Lizenzen brauchen wir?

Je Person eine Figma-Lizenz mit Bearbeitungsrechten, mindestens für den Monat der Schulung. Beim Einrichten unterstütze ich Sie gern. Die SAP UI Kits stellt SAP kostenlos bereit.

Warum nicht vor Ort?

Weil wir die ganze Zeit in Figma arbeiten. Auch im Schulungsraum säße jede Person am eigenen Laptop. Remote sehe ich jede Übungsfläche live, alle verstehen gleich gut, und die Aufzeichnung gibt es dazu.

Wie viele Personen können teilnehmen?

Von der Einzelschulung bis zu 10 Personen pro Gruppe. Größere Teams teile ich auf mehrere Gruppen auf, damit jede Person mitmachen und Feedback bekommen kann.

Welche KI-Tools nutzen wir?

Claude, ChatGPT, Gemini oder ein anderes KI-Tool, das MCP unterstützt. Ich zeige die Einrichtung mit dem Tool, das bei Ihnen freigegeben ist.

Brauchen wir Zugriff auf unser SAP-System?

Nein. Für Ihren Use Case reichen Screenshots der heutigen App oder eine kurze Beschreibung. Echte Daten brauchen wir nicht, Beispielwerte genügen.

Was bleibt nach der Schulung bei uns?

Ihr Figma-Projekt mit den SAP UI Kits, die Übungsdatei mit allen Ergebnissen, die Aufzeichnung aller Termine und Ihr erster Klickprototyp.

Schulung anfragen

Erzählen Sie mir kurz von Ihrem Team. Sie bekommen innerhalb von zwei Werktagen einen Terminvorschlag und ein Angebot mit Festpreis.

Lieber erst sprechen? Kurzes Kennenlernen 30 Minuten, kostenlos: Wir klären Ziele, Teamgröße und einen passenden Use Case für die Schulung.

Ehrliche ErsteinschätzungKonkrete nächste SchritteKein Verkaufsgespräch

So läuft es ab1Termin online wählen230 Minuten im Videocall3Ersteinschätzung und nächste Schritte

Sie sprechen direkt
mit Maximilian GräfTermin wählen

Der Kalender von Microsoft Bookings lädt hier erst nach Ihrem Klick. Dabei werden Daten an Microsoft übertragen.

Danke, Ihre Anfrage ist da.

Ich melde mich innerhalb von zwei Werktagen mit einem Terminvorschlag und Ihrem Angebot.

Da ist leider etwas schiefgelaufen. Bitte versuchen Sie es noch einmal oder schreiben Sie mir direkt an mg@futurisma.de.

Impressum Datenschutz Cookie-Einstellungen