{{j.t}}{{j.e}} · {{j.w}}
- {{j.pay}}
- {{f}}
Zum KursNeuSchnell bewerben{{j.age}}
Storybook für UI Komponenten
Laut Katalog dauert der Kurs 3–6 Monate und kostet 5.000–10.000 €. Du lernst im Blended Learning. Anbieter ist formful education GmbH.
{{s1.unit}}
{{s1.v0}}
{{s1.v1}}
{{s1.v2}}
Untere 25 %
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab
Achse beginnt bei {{s1.axis}}
01 · Der Kurs
Der Kurs hat 4 Termine
Auf einen Blick
- LERNUMFANG
- 3–6 Monate
- KATALOGPREIS
- 5.000–10.000 €
- LERNORT
- Leipzig
- NÄCHSTER START
- 05.10.2026
- LERNFORM
- Blended Learning
Passt der Kurs zu dir?
- 1Sicherer Umgang mit dem Computer und die Bereitschaft, ein Designwerkzeug wie Figma von Grund auf zu lernen; für Wireframes brauchst du kein Zeichentalent.
- 2Für viele Stellen ein Studium in Medien- oder Kommunikationsdesign oder Medieninformatik; den Einstieg öffnet auch eine Aus- oder Weiterbildung im Medien- oder Kommunikationsdesign.
- 3Für eine geförderte Teilnahme ein Bildungsgutschein der Agentur für Arbeit nach § 81 SGB III, den der Kursträger vor Beginn bei der Agentur vorlegt.
Das lernst du
- Zielsetzung des Kurses
- Der Kurs Storybook für UI Komponenten vermittelt den strukturierten Einsatz von Storybook zur Entwicklung, Dokumentation und Prüfung wiederverwendbarer UI-Bausteine. Behandelt wird die Einbettung in Frontend-Workflows sowie die Zusammenarbeit zwischen Design, Entwicklung und Qualitätssicherung. Im Fokus stehen Konfiguration, Katalogisierung von Komponenten und die Absicherung durch visuelle und funktionale Tests. Der Kurs ist im Bereich Frontend-Engineering und Design Systems verortet.
- Einrichtung und Grundkonfiguration von Storybook inkl. Projektstruktur, Add-on-Management, Build- und Rendering-Setups für gängige Frameworks
- Erstellung von Stories für UI Komponenten mit Controls, Args und Variationen sowie Dokumentation mittels MDX und Autodocs
- Zustandsverwaltung und Interaktion durch Play Functions, Mocking von Datenquellen sowie Handhabung von Ereignissen und Edge Cases
- Qualitätssicherung mit visuellen Regressionstests, Accessibility-Prüfungen, Interaktionstests und Linter-/CI-Integration
- Integration in Design-System-Workflows, Versionierung von Komponentenbibliotheken und Veröffentlichung über Pakete oder interne Registries
- Lernziele
- Identifikation der erforderlichen Projektkonfigurationen zur Inbetriebnahme von Storybook in bestehenden Frontend-Stacks
- Erstellung von aussagekräftigen Stories mit Variationen, Controls und MDX-Dokumentation
- Durchführung von Interaktionstests und visuellen Regressionstests für definierte Komponenten
- Implementierung von Accessibility-Prüfungen und Auswertung der Ergebnisse innerhalb von Storybook
- Integration von Storybook-Builds in CI-Pipelines einschließlich Linting, Testing und Deployment
- Bewertung von Komponentenstrukturen im Kontext eines Design Systems und Ableitung konsistenter Naming- und Versionierungsregeln
- Berufsperspektiven
- Die Kursinhalte finden Anwendung in Berufsfeldern wie Frontend-Entwicklung mit Schwerpunkt Komponentenarchitektur und Dokumentation.
- Typische Tätigkeitsfelder umfassen die Pflege von Design Systemen und Komponentenbibliotheken in Produktteams.
- Der Kurs adressiert Inhalte für Tätigkeiten wie Quality-Assurance-Engineering mit Fokus auf visuelle Regressionstests und Accessibility-Checks.
- Ebenfalls angesprochen sind Rollen in der technischen Dokumentation von UI-Komponenten innerhalb crossfunktionaler Teams.
- Zusammenfassung
- Der Kurs Storybook für UI Komponenten behandelt Konfiguration, Dokumentation und Testverfahren für wiederverwendbare UI-Bausteine im Frontend. Im Rahmen dieser Weiterbildung werden Workflows für Stories, Interaktionstests, visuelle Prüfungen und die Einbindung in Design-System-Prozesse vermittelt. Die Inhalte stehen in Bezug zu Tätigkeitsfeldern in Frontend-Entwicklung, Design-System-Management und qualitätssichernden Rollen.
Der Kurs
Ablauf, Termine und Lernort
- 1
Leipzig
05.10.2026 · Blended Learning · Teilzeit · 3–6 Monate · 5.000–10.000 €
- 2
Leipzig
05.10.2026 · Blended Learning · Vollzeit · 1–3 Monate · 5.000–10.000 €
- 3
Leipzig
02.11.2026 · Blended Learning · Teilzeit · 3–6 Monate · 5.000–10.000 €
- 4
Leipzig
02.11.2026 · Blended Learning · Vollzeit · 1–3 Monate · 5.000–10.000 €
02 · Kosten & Förderung
Kursgebühr 5.000–10.000 €, mit bewilligtem Bildungsgutschein 0 €
Dieser Kurs ist im Katalog als förderfähig gekennzeichnet.
03 · Gehalt
UX-Designer Gehalt: 4.149 € in der Mitte bundesweit
Die mittlere Hälfte verdient 3.319 € bis 5.344 € brutto im Monat in Vollzeit.
Brutto im Monat
Mitte und Viertel bundesweit
Mindestlohn bei 40 Wochenstunden2.409 €/Monat
gesetzliche UntergrenzeUnteres Viertel bundesweit3.319 €/Monat
ein Viertel verdient wenigerMitte aller Vollzeitbeschäftigten bundesweit4.149 €/Monat
Median, inkl. SonderzahlungenOberes Viertel bundesweit5.344 €/Monat
ein Viertel verdient mehr3 Schritte vom Kurs in den Beruf
- 1
Nutzerbedürfnisse belegen statt vermuten
Im UX Research übst du Interviews, Beobachtung und Umfragen und fasst die Ergebnisse in Personas und User Journeys zusammen. Damit begründest du Designentscheidungen gegenüber Produktmanagement und Entwicklung mit Befunden aus echten Gesprächen. Beispiel: Du befragst Bestandskunden eines Online-Shops und leitest aus ihren Antworten drei Personas ab.
- 2
Prototypen bauen und mit Nutzern testen
In Figma entwirfst du Screens, Komponenten und klickbare Prototypen, die du in moderierten Usability-Tests prüfst. Du lernst, Testaufgaben zu formulieren und beobachtete Bedienprobleme nach Schweregrad zu ordnen. Beispiel: Testpersonen klicken den Bestellvorgang einer App durch, und du notierst, an welchem Schritt sie abbrechen.
- 3
Barrierefreiheit im Entwurf berücksichtigen
Für Online-Shops und andere Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher schreibt das Barrierefreiheitsstärkungsgesetz eine barrierefreie Gestaltung vor; Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen. Achte darauf, ob der Kurs Kontraste, Tastaturbedienung und Alternativtexte schon in der Entwurfsphase behandelt. Beispiel: Du prüfst im Checkout-Entwurf, ob jede Schaltfläche ohne Maus erreichbar ist und sich deutlich vom Hintergrund abhebt.
04 · Anbieter
Formful education GmbH: 406 Kurse mit aktuellem Termin an 1 Ort
406Kurse mit aktuellem Termin
1Angebotsort
406 Kurse mit aktuellem Termin in unserem Vergleich. Lernformen: Blended Learning, Virtuelles Klassenzimmer.
Angebote an 1 Ort; in der Kurssuche wählst du den Lernort und Termin bei formful education GmbH.
05 · Jobs
UX-Designer Jobs bundesweit: 938 offene Stellen in 45 Tagen
Arbeitsmarkt
UX-Designer bundesweit in Zahlen
OFFENE STELLEN938bundesweit, letzte 45 Tage
BESETZUNG53 Tageim Schnitt bis besetzt
ENGPASSneinkein Engpassberuf
Nutze diese Orientierung für deinen Kursvergleich: Markiere in drei bis fünf Stellenanzeigen die wiederkehrenden Anforderungen.
- Ein Kurs mit Praxis, dem passenden Nachweis und einem realistischen Zugang zur Zielrolle ist aussagekräftiger als ein allgemeines Versprechen guter Jobchancen.
06 · Kurse
712 Kurse zum Vergleich
Für eine gute Wahl reichen zwei oder drei der 712 Kurse mit gleichem Ziel, die du Punkt für Punkt nebeneinanderlegst.
712 Kurse zum Vergleich.
{{j.t}}{{j.e}} · {{j.w}}
- {{j.pay}}
- {{f}}
Zum KursNeuSchnell bewerben{{j.age}}
Auf dieser Seite passt nichts zu diesem Filter. Die nächste Seite oder die ganze Liste zeigt mehr.
Häufige Fragen
3 Fragen, kurz beantwortet
{{f.a}}
Mehr
16 weitere Seiten zum Thema UX/UI-Design
UX/UI-Design Weiterbildung im ÜberblickKosten und FörderungGehalt und BerufschancenUmschulungAlle Kurse vergleichenFörderung für dein LernzielQuereinstieg in diesen BerufVoraussetzungen für den EinstiegMarketing & Medienformful education GmbHAlle Kurse dieses Anbieters vergleichenBildungsgutschein: Voraussetzungen und AblaufUmschulung oder Weiterbildung?Weitere Berufsfelder entdeckenZuständige Stelle für den BildungsgutscheinBildungsgutschein online anfragen: Dein Weg zur Beratung
Kläre deinen persönlichen Kursstart (712 Kurse)
Preis, Dauer und nächster Start der 712 Kurse im direkten Vergleich.
Angebote dieses AnbietersRedaktion StudySmarter WeiterbildungAktualisiert am 01.10.2026 · So rechnen wir