Webentwicklung für Figma und Webflow

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

1. 1
   Die Weiterbildung vermittelt KI-gestütztes Interfacedesign mit Figma, die Grundlagen der Webentwicklung mit HTML5 und CSS3 sowie die no-code-basierte Umsetzung eigener Websites mit Webflow. Teilnehmende gestalten und animieren Prototypen, strukturieren und formatieren Webseiten mit aktuellen Techniken und setzen eigene Projekte responsiv und barrierefrei um. Die Weiterbildung qualifiziert für Aufgaben im UI-, UX- und Webdesign sowie in der Frontend-Entwicklung.
2. 2

   Das Kurspaket enthält folgende Kurse

   KI für Designer:in (2 Wochen)
   Die Weiterbildung vermittelt, wie künstliche Intelligenz im Designprozess für Recherche, Ideenentwicklung, Prototyping und Präsentation gezielt eingesetzt wird. Teilnehmende erwerben beruflich relevante Kompetenzen in Prompt Engineering, der Anwendung KI-gestützter Tools, der Entwicklung von Visuals und Prototypen sowie im reflektierten Umgang mit Urheberrecht, Ethik und Qualitätsbewertung. Der Kurs qualifiziert insbesondere für Aufgaben im Grafik-, UI- und Webdesign, in denen kreative Prozesse strukturiert, effizient und praxisnah mit KI erweitert werden.
   Interfacedesign mit Figma I: Einführung in UI-Design und Prototyping (4 Wochen)
   Die Weiterbildung vermittelt Grundlagen des Interface Designs mit Figma - von Komponenten und Prototyping bis zur KI-gestützten Konzeption mit Jambot und FigJam. Teilnehmende gestalten benutzerfreundliche UI-Entwürfe für Web und App, wenden Designstandards an und setzen praxisnah eigene Projekte um. Der Kurs eignet sich zur beruflichen Qualifikation im Bereich UX/UI-Design.
   Interfacedesign mit Figma II: Prototyping und Animationstechniken für UX/UI (4 Wochen)
   Dies ist ein Vertiefungskurs zu Prototyping und Animationstechniken im UI/UX-Design mit Figma. Die Teilnehmenden lernen Auto-Layouts, interaktive Komponenten, animierte Übergänge und den gezielten Einsatz von Bewegung zur Verbesserung von Nutzerführung und Designverständnis kennen. Die Inhalte werden praxisnah in Projekten umgesetzt.
   KI-Webentwicklung I: Moderne Frontends mit HTML5, CSS3 und KI (4 Wochen)
   Der Kurs vermittelt den Aufbau moderner, responsiver Websites mit semantischem HTML5 und CSS, einschließlich Layout-Techniken wie Flexbox und Grid sowie Grundlagen der Barrierefreiheit und Suchmaschinenoptimierung. Ergänzend werden KI-Werkzeuge wie GitHub Copilot, Claude und ChatGPT für Entwurf, Programmierung und Inhaltserstellung eingesetzt, wobei auch die kritische Prüfung von KI-Ausgaben sowie rechtliche Aspekte wie Urheberrecht und Datenschutz behandelt werden. Die praktische Arbeit erfolgt mit VS Code und den Entwicklerwerkzeugen des Browsers. Der Kurs richtet sich an Einsteiger ohne Vorkenntnisse und bereitet auf die anschließende Programmierung mit JavaScript und TypeScript vor.
   No-Code-Webentwicklung, CMS und Animation mit Webflow mit KI-Tools (4 Wochen)
   In dieser Weiterbildung erwerben Teilnehmende praxisorientierte Kenntnisse in der No-Code-Webentwicklung mit Webflow, einschließlich responsivem Design, CMS-Integration, Animation und Barrierefreiheit. Sie erstellen eigene Webprojekte, nutzen aktuelle KI-Tools zur Unterstützung im Designprozess und wenden SEO- und Performance-Optimierung an. Der Kurs richtet sich an Personen mit gestalterischem Hintergrund, die ihre digitalen Kompetenzen im Webdesign professionell erweitern möchten oder für Marketingfachkräfte, die digitale Kompetenzen im Bereich No-Code-Entwicklung und Webkommunikation ausbauen möchten.
   Ihr erlerntes Wissen werden Sie in praktischen Projekten mit fachlicher Unterstützung anwenden.

1. 1

   Aachen

   Blended Learning · Vollzeit · 3–6 Monate · über 10.000 €

2. 2

   Berlin

   Blended Learning · Vollzeit · 3–6 Monate · über 10.000 €

3. 3

   Bochum

   Blended Learning · Vollzeit · 3–6 Monate · über 10.000 €

Förderwege

Wer deinen Kurs zahlt

Brutto im Monat

Mitte und Viertel bundesweit

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.

Themen

Arbeitsmarkt

Web Developer bundesweit in Zahlen