StudySmarter

Webdesign: Figma und Wireframe

Laut Katalog dauert der Kurs 1–3 Monate und kostet über 10.000 €. Du lernst im Blended Learning. Anbieter ist Syntax GmbH für Aus- und Weiterbildung.

brutto im Monat, Vollzeit, inkl. anteiliger Sonderzahlungen, als Web Developer bundesweit
4.011 €
5.026 €
6.339 €
Untere 25 %
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab

Achse beginnt bei 3.500 €

Förderung prüfen

900 weitere Kurse vergleichen

01 · Der Kurs

Der Kurs läuft mit 4 Terminen an 4 Orten

Auf einen Blick

LERNUMFANG
1–3 Monate
KATALOGPREIS
über 10.000 €
LERNORT
Berlin
NÄCHSTER START
06.10.2026
LERNFORM
Blended Learning

Passt der Kurs zu dir?

  1. 1
    Arbeitgeber erwarten von Web Developern häufig eine Aus- oder Weiterbildung in Informatik oder ein Studium; ohne Abschluss zeigt ein Portfolio mit eigenen Projekten, was du kannst.
  2. 2
    Ein Rechner mit aktuellem Browser, Code-Editor und Git, auf dem du Werkzeuge wie Node.js selbst installieren darfst.
  3. 3
    Kenntnis der Barrierefreiheitspflichten, wenn du Online-Shops oder Buchungsstrecken für Verbraucher baust.

Das lernst du

  • Webdesign + Figma + Wireframe + UX
  • Diese Weiterbildung vermittelt Kenntnisse im Webdesign, einschließlich der Nutzung von Figma und der Entwicklung von Wireframes. Die Teilnehmenden lernen, digitale Designs zu erstellen und mit verschiedenen Tools und Standards zu arbeiten.
  • Modul 1: Webdesign: Grundlagen, Tools und Standards
  • Modul 2: Figma: Digitale Designsysteme und Prototyping-Workflows
  • Modul 3: Wireframing in der nutzerzentrierten Gestaltung
  • Modul 4: UX UI Gestaltung für interaktive Systeme
  • Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.
  • Figma: Digitale Designsysteme und Prototyping-Workflows
  • Grundlagen der Prototyp-Erstellung mit Figma, Aufbau interaktiver UI-Designs und Wireframing im Webdesign-Kontext.
  • Anwendung von Komponenten, Responsive Design, Grid Design und Style Guides in figma-basierten Projekten.
  • Teamarbeit mit Entwicklern durch Kommentierung, Dokumentation und figma-gestützte Entwicklerübergabe.
  • Erstellung interaktiver Prototypen, Durchführung von Usability-Tests und Ableitung gestalterischer Optimierungen.
  • Wireframing in der nutzerzentrierten Gestaltung
  • Grundlagen von Wireframes: Einführung in Struktur, Funktion und Einsatz von Wireframes zur Planung digitaler Interfaces und Webseiten.
  • Toolgestützte Entwicklung: Erstellung statischer und interaktiver Wireframes mit Figma, Sketch, Adobe XD und gängiger Prototyping Software.
  • Designprozesse & Usability: Einsatz von Wireframes zur frühen Evaluation von Navigation, Informationsarchitektur und responsivem Webdesign.
  • Standards & Zusammenarbeit: Integration in UI/UX-Workflows, Austausch im Team und Vorbereitung für Designsysteme und Frontend-Entwicklung.
  • UX UI Gestaltung für interaktive Systeme
  • Interface-Grundlagen: Struktur, Nutzerführung und Interface-Gestaltung für responsive Anwendungen und smartphone apps.
  • Wireframing & Tools: Erstellung von Wireframes und App Wireframes mit figma ui, sketch und wireframe software.
  • UX Methoden: Einsatz von user research, user persona development und customer journey mapping für zielgerichtetes ux design.
  • Framework & Designsysteme: Verwendung von ui framework, style guides und wcag-konformen Elementen für barrierefreie Interfaces.
  • Am Ende der Weiterbildung beherrschen die Teilnehmenden die Erstellung und Anwendung von digitalen Designs und Wireframes mit Figma. Sie verfügen über Kenntnisse in UX/UI-Methoden und arbeiten mit Tools für barrierefreie, nutzerzentrierte Gestaltung.

Der Kurs

Ablauf, Termine und Lernort

  1. 1

    Berlin

    06.10.2026 · Blended Learning · Vollzeit · 1–3 Monate · über 10.000 €

  2. 2

    Hamburg

    06.10.2026 · Blended Learning · Vollzeit · 1–3 Monate · über 10.000 €

  3. 3

    Ilmenau

    06.10.2026 · Blended Learning · Vollzeit · 1–3 Monate · über 10.000 €

  4. 4

    Bielefeld

    06.10.2026 · Blended Learning · Vollzeit · 1–3 Monate · über 10.000 €

02 · Kosten & Förderung

Kursgebühr über 10.000 €, mit bewilligtem Bildungsgutschein 0 €

Dieser Kurs ist im Katalog als förderfähig gekennzeichnet.

Förderwege

Wer deinen Kurs zahlt

FÖRDERUNGBildungsgutschein: Voraussetzungen und Ablauf→FÖRDERUNGAufstiegs-BAföG→FÖRDERUNGAVGS oder Bildungsgutschein→FÖRDERUNGAlle Förderwege im Vergleich→FÖRDERUNGFörderung für Web- & Frontend-Entwicklung→

03 · Gehalt

Web Developer Gehalt: 5.026 € in der Mitte bundesweit

Die mittlere Hälfte verdient 4.011 € bis 6.339 € brutto im Monat in Vollzeit.

Brutto im Monat

Mitte und Viertel bundesweit

Mindestlohn bei 40 Wochenstunden2.409 €/Monat
gesetzliche Untergrenze
Unteres Viertel bundesweit4.011 €/Monat
ein Viertel verdient weniger
Mitte aller Vollzeitbeschäftigten bundesweit5.026 €/Monat
Median, inkl. Sonderzahlungen
Oberes Viertel bundesweit6.339 €/Monat
ein Viertel verdient mehr

3 Schritte vom Kurs in den Beruf

  1. 1

    Seiten für jedes Gerät bauen

    Mit Flexbox, Grid und Media Queries passt du Layouts an Smartphone, Tablet und Desktop an. Laut Berufsprofil sorgen Web Developer dafür, dass Inhalte bei unterschiedlichen Bildschirmauflösungen gleichermaßen dargestellt werden. Beispiel: Du baust die Speisekarte eines Restaurants so, dass sie auf dem Handy ohne Zoomen lesbar ist.

  2. 2

    Barrierefrei entwickeln

    Das Barrierefreiheitsstärkungs­gesetz verlangt barrierefreie Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher, etwa Online-Shops. Du übst dafür semantisches HTML, Tastaturbedienung, Alternativtexte und ausreichende Kontraste. Beispiel: Du ergänzt das Bestellformular eines Shops um Beschriftungen, die ein Screenreader vorliest.

  3. 3

    Daten aus APIs anzeigen

    Kurse zu REST, GraphQL und Echtzeitanwendungen zeigen, wie dein Frontend Daten vom Server lädt, Fehler abfängt und Ansichten ohne Neuladen aktualisiert. Beispiel: Du baust eine Übersicht, die den Lieferstatus aus der Schnittstelle eines Paketdienstes laufend anzeigt.

04 · Anbieter

699 Kurse mit aktuellem Termin an 18 Orten

699Kurse mit aktuellem Termin
18Angebotsorte

699 Kurse mit aktuellem Termin in unserem Vergleich. Lernformen: Blended Learning, Virtuelles Klassenzimmer.

Angebote an 18 Orten; in der Kurssuche wählst du den Lernort und Termin bei Syntax GmbH für Aus- und Weiterbildung.

Themen

Web- & Frontend-EntwicklungJavaScript-ProgrammierungKI & Machine LearningSoftwareentwicklerJava-Programmierung

05 · Jobs

Web Developer Jobs bundesweit: 1.167 offene Stellen in 45 Tagen

Arbeitsmarkt

Web Developer bundesweit in Zahlen

OFFENE STELLEN1.167bundesweit, letzte 45 Tage
BESETZUNG60 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

900 Kurse zum Vergleich

Für eine gute Wahl reichen zwei oder drei der 900 Kurse mit gleichem Ziel, die du Punkt für Punkt nebeneinanderlegst.

900 Kurse zum Vergleich.

900Kurse
Webdesign GrundlagenDigitale Leute School · Online · Virtuelles Klassenzimmer
  • 5.000–10.000 €
  • Vollzeit
  • 3–6 Monate
  • Start ab 14.10.2026
Zum Kurs
WebentwicklungNest Academy GmbH · Bremen · Blended Learning
  • 5.000–10.000 €
  • Vollzeit
  • 1–3 Monate
  • Start ab 15.10.2026
Zum Kurs
Kläre deinen persönlichen Kursstart

Häufige Fragen

3 Fragen, kurz beantwortet

Kläre deinen persönlichen Kursstart (900 Kurse)

Preis, Dauer und nächster Start der 900 Kurse im direkten Vergleich.

Angebote dieses Anbieters
Redaktion StudySmarter WeiterbildungAktualisiert am 01.10.2026 · So rechnen wir