{{j.t}}{{j.e}} · {{j.w}}
- {{j.pay}}
- {{f}}
Zum KursNeuSchnell bewerben{{j.age}}
UI Design Systems und Atomic Design
Laut Katalog dauert der Kurs 6–12 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
- 6–12 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 UI Design Systems und Atomic Design adressiert Konzeption, Aufbau und Pflege konsistenter Benutzeroberflächen im Bereich Interface- und Produktdesign. Behandelt werden Prinzipien wiederverwendbarer Komponenten und die Organisation von Mustern nach dem Atomic-Design-Ansatz. Ziel ist die strukturierte Herleitung von Design-Tokens, Komponentenbibliotheken und Dokumentation für digitale Produkte. Der Kurs ordnet sich in das Feld UI/UX-Design an der Schnittstelle zu Design Operations und Frontend-Handoff ein.
- Einführung in Design Systeme mit Schwerpunkt Begriffsdefinition, Rollen im Team, Artefakte wie Styleguides und Pattern Libraries sowie Abgrenzung zu UI Kits und Markenrichtlinien.
- Atomic Design als Ordnungsprinzip mit Aufgliederung in Atome, Moleküle, Organismen, Templates und Seiten sowie Ableitung von Komponentenarchitekturen.
- Design Tokens und Gestaltungssprache mit Fokus auf Farben, Typografie, Spacing, Radius, Schatten und Zustände sowie Namenskonventionen und Versionierung.
- Komponentenbibliothek und Dokumentation mit Regeln zu Zuständen, Varianten, Barrierefreiheit, Interaktionen und verbindlicher Beschreibung in Werkzeugsammlungen.
- Workflow und Kollaboration einschließlich Handoff an Entwicklung, Nutzung von UI-Tools, Guidelines zu Versionierung, Review-Prozessen und Änderungsmanagement.
- Qualitätssicherung und Governance mit Prüfmechanismen, Konsistenzkontrollen, Release-Prozessen und Pflege zyklischer Aktualisierungen über Produktlebenszyklen.
- Lernziele
- Analysieren von bestehenden Benutzeroberflächen hinsichtlich Komponentenstruktur und Konsistenz
- Identifizieren von Atomen, Molekülen und Organismen nach dem Atomic-Design-Ansatz
- Erstellen von Design Tokens für Farbe, Typografie, Abstände und Interaktionszustände
- Entwickeln einer Komponentenbibliothek mit Varianten, Zuständen und Dokumentation
- Integrieren eines Handoff-Workflows zwischen Design und Entwicklung inklusive Versionierung
- Bewerten von Änderungen an Design Systemen unter Berücksichtigung von Governance und Barrierefreiheit
- Berufsperspektiven
- Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer mit Schwerpunkt Komponentenentwicklung und Dokumentation von Gestaltungssystemen. Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams mit Verantwortung für Musterbibliotheken und Design Tokens. Der Kurs adressiert Inhalte für Tätigkeiten wie Design System Manager oder Design Operations, einschließlich Pflege, Governance und Kollaboration mit Entwicklung. Ebenfalls anschlussfähig sind Rollen im Frontend-Umfeld mit Fokus auf die Umsetzung dokumentierter Komponenten.
- Zusammenfassung
- Der Kurs UI Design Systems und Atomic Design behandelt Aufbau, Pflege und Dokumentation von Gestaltungssystemen auf Basis des Atomic-Design-Ansatzes. Im Rahmen dieser Weiterbildung werden Methoden zur Strukturierung von Komponenten, zur Definition von Design Tokens und zur Zusammenarbeit mit Entwicklung vermittelt. Die Themen stehen in Bezug zu Tätigkeiten im UI/UX-Design, Design System Management und Design Operations.
Der Kurs
Ablauf, Termine und Lernort
- 1
Leipzig
05.10.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 2
Leipzig
05.10.2026 · Blended Learning · Vollzeit · 3–6 Monate · 5.000–10.000 €
- 3
Leipzig
02.11.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 4
Leipzig
02.11.2026 · Blended Learning · Vollzeit · 3–6 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 entdeckenFrist des BildungsgutscheinsZuständige Stelle für den Bildungsgutschein
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