Kurs

UX/UI
Medien & Design
Webdesign & Webproducing
IT

Design Development Workflow & Design Systeme

Sie haben bereits fundierte Kenntnisse im Userinterface Design und Figma? Machen Sie sich mit dieser Weiterbildung unverzichtbar als gefragter UX/UI-Profi, um leistungsstarke digitale Produkte effizient in interdisziplinären Teams zu managen. 

Im ersten Block lernen die Teilnehmenden, wie Designer:innen und Entwickler:innen effektiv zusammenarbeiten können, um Designs effizient in Code umzusetzen. Der Kurs vermittelt praxisnah die Anwendung von Designprinzipien in HTML5 und CSS3 und zeigt die Synergien zwischen Figma und HTML auf. Zudem wird die Integration von Künstlicher Intelligenz in den Designprozess thematisiert. Dieses Know-how ermöglicht es Ihnen, nicht nur ansprechende, sondern auch technisch umsetzbare Designs zu entwickeln, was die Zusammenarbeit mit Entwickler:innen optimiert und Projekte schneller voranbringt. Ihre Fähigkeit, die Lücke zwischen Design und Entwicklung zu schließen, macht Sie zu einem unverzichtbaren Teil jedes Teams und steigert Ihre Attraktivität für Unternehmen, die auf effiziente und qualitativ hochwertige digitale Produkte setzen. 

Im zweiten Block des Kurses konzentrieren Sie sich auf die Konzeption und Entwicklung von Designsystemen, die aus wiederverwendbaren Komponenten und klar definierten Designstandards bestehen. Sie erstellen eine skalierbare, gut strukturierte Komponentenbibliothek und lernen, wie Sie Variablen für den Aufbau eines flexiblen, erweiterbaren und vielseitig einsetzbaren Design-Token-Systems effektiv nutzen. Designsysteme, insbesondere in Figma, sind für moderne UI/UX-Designer:innen unverzichtbar, da sie in Projekten jeder Größe Effizienz, Konsistenz und eine schnellere Markteinführung ermöglichen. Die im Kurs vermittelten Fähigkeiten sind direkt im beruflichen Alltag anwendbar und tragen zur Optimierung von Arbeitsprozessen sowie zur Verbesserung der Designqualität bei.

Dauer: 4 Wochen
Unterrichtszeiten: Mo-Fr 08:30-16:15 Uhr
Ab:
18.8.2025 · 8.12.2025 · 15.4.2026

Kurs

Design Development Workflow & Design Systeme

4 Wochen
classtime iconMo-Fr 08:30-16:15 Uhr
classtime iconAb: 18.8.2025 · 8.12.2025 · 15.4.2026
Lernen von Zuhause oder in einem cimdata Lerninstitut

UX/UI

Design Development Workflow & Design Systeme

Sie haben bereits fundierte Kenntnisse im Userinterface Design und Figma? Machen Sie sich mit dieser Weiterbildung unverzichtbar als gefragter UX/UI-Profi, um leistungsstarke digitale Produkte effizient in interdisziplinären Teams zu managen. 
Im ersten Block lernen die Teilnehmenden, wie Designer:innen und Entwickler:innen effektiv zusammenarbeiten können, um Designs effizient in Code umzusetzen. Der Kurs vermittelt praxisnah die Anwendung von Designprinzipien in HTML5 und CSS3 und zeigt die Synergien zwischen Figma und HTML auf. Zudem wird die Integration von Künstlicher Intelligenz in den Designprozess thematisiert. Dieses Know-how ermöglicht es Ihnen, nicht nur ansprechende, sondern auch technisch umsetzbare Designs zu entwickeln, was die Zusammenarbeit mit Entwickler:innen optimiert und Projekte schneller voranbringt. Ihre Fähigkeit, die Lücke zwischen Design und Entwicklung zu schließen, macht Sie zu einem unverzichtbaren Teil jedes Teams und steigert Ihre Attraktivität für Unternehmen, die auf effiziente und qualitativ hochwertige digitale Produkte setzen. 
Im zweiten Block des Kurses konzentrieren Sie sich auf die Konzeption und Entwicklung von Designsystemen, die aus wiederverwendbaren Komponenten und klar definierten Designstandards bestehen. Sie erstellen eine skalierbare, gut strukturierte Komponentenbibliothek und lernen, wie Sie Variablen für den Aufbau eines flexiblen, erweiterbaren und vielseitig einsetzbaren Design-Token-Systems effektiv nutzen. Designsysteme, insbesondere in Figma, sind für moderne UI/UX-Designer:innen unverzichtbar, da sie in Projekten jeder Größe Effizienz, Konsistenz und eine schnellere Markteinführung ermöglichen. Die im Kurs vermittelten Fähigkeiten sind direkt im beruflichen Alltag anwendbar und tragen zur Optimierung von Arbeitsprozessen sowie zur Verbesserung der Designqualität bei.

Lerninhalte

  • Kommunikation von Designideen, Spezifische Lösungen und -spezifikationen an Entwickler:innen
  • Komponenten und Wiederverwendbarkeit
  • KI und Kommunikation, KI Integration
  • Interaktion und Animationen mit Variablen- Einführung in Variablen - Interaktionen zur Ergänzung von HTML und CSS
  • Arbeiten mit Libraries / Design Systeme
  • Komponenten Library
  • Verständnis der Synergien zwischen Figma und HTML
  • Dev Mode console
  • CSS-Animationen und Figma-Animationen
  • Effiziente Umsetzung von Designs in Code
  • Praktische Anwendung von Designprinzipien in HTML und CSS
  • Design Systeme Planung & Aufbau
  • Variablen zur Speicherung von Werten
  • Design Tokens und Modi
  • Verwaltung und Teilen von Design Systemen

Ihr erlerntes Wissen werden Sie in praktischen Projekten, Übungen oder Fallstudien mit fachlicher Unterstützung anwenden. Teil der Weiterbildungen bei cimdata sind die flexiblen Übungsphasen. Dank unserer Lernform „cimlive“ können unsere Teilnehmenden als Teil eines virtuellen Klassenraumes auch individuelle und eigenständige Lernprozesse umsetzen. Dadurch können Sie ortsunabhängig und flexibel lernen und haben gleichzeitig unsere Dozierenden in digitaler Nähe.

Lernziel

Sie lernen, wie Designer:innen und Entwickler:innen effektiv zusammenarbeiten können, um Designs effizient in HTML5 und CSS3 umzusetzen. Sie erwerben praxisnahe Kenntnisse in der Anwendung von grundlegenden und fortgeschrittenen Designprinzipien in HTML5 und CSS3 und verstehen die Synergien zwischen Figma und HTML bzw. können diese gezielt nutzen, um den Design-to-Code-Prozess zu optimieren. Zudem erlernen Sie die Grundlagen der Konzeption und Entwicklung von Designsystemen und sind anschließend in der Lage, eine skalierbare und gut strukturierte Komponentenbibliothek zu erstellen. Sie erwerben die Fähigkeit, Variablen für den Aufbau eines flexiblen, erweiterbaren und vielseitig einsetzbaren Design-Token-Systems effektiv zu nutzen.

Zielgruppe

Der Kurs richtet sich an Absolvent:innen eines Studiums oder einer Ausbildung aus den Bereichen Grafik, Design, Fotografie, Marketing, Webdesign, Multimedia Development, Interface Design oder an Interessenten mit gestalterischem Sinn und mehrjähriger adäquater Berufstätigkeit.

Vorkenntnisse

Grundlegende Kenntnisse in Figma und User-Interfacedesign sowie HTML sind erforderlich.

Förderung

Fördermöglichkeiten sind mit Bildungsgutschein SGB II und SGB III sowie durch Rentenversicherungsträger (DRV), Berufsgenossenschaften (BG) und den Berufsförderungsdienst der Bundeswehr möglich. Darüber hinaus können Förderungen mit der Bildungsprämie sowie den regionalen Bildungschecks erfolgen.

Marktchancen

Der Bereich User Experience (UX) und User Interface (UI) Design hat sich in den letzten Jahren zu einem entscheidenden Faktor für den Erfolg von digitalen Produkten entwickelt. In einer Zeit, in der die Nutzererwartungen ständig steigen und die digitale Landschaft sich rapide weiterentwickelt, bieten sich UX/UI-Designer:innen vielfältige Marktchancen. Unternehmen erkennen zunehmend die Bedeutung einer positiven Nutzererfahrung für den Erfolg ihrer Produkte. Eine gute Usability und User Experience ist nicht mehr nur wünschenswert, sondern wird als entscheidender Wettbewerbsvorteil betrachtet. Mit der Verbreitung von Smartphones, Tablets, Wearables und anderen Geräten sind UX/UI-Designer:innen gefragt, die in der Lage sind, nahtlose und konsistente Erfahrungen über verschiedene Plattformen hinweg zu gestalten.

Mit dem Aufkommen von Technologien wie Virtual Reality (VR) und Augmented Reality (AR) eröffnen sich neue Herausforderungen und Chancen für UX/UI-Designer:innen, innovative und immersive Benutzererlebnisse zu schaffen. Die Bedeutung von barrierefreiem Design nimmt zu, da Unternehmen bestrebt sind, ihre Produkte für alle User zugänglich zu machen. UX/UI-Designer:innen mit Kenntnissen im Bereich der Barrierefreiheit sind daher besonders gefragt.
Zusammenfassend bieten die Marktchancen im Bereich UX/UI-Design eine faszinierende Mischung aus kreativer Gestaltung, technologischer Innovation und einer wachsenden Nachfrage nach qualitativ hochwertigen digitalen Nutzererfahrungen. Für Fachleute in diesem Bereich eröffnen sich zahlreiche Möglichkeiten, innovative Designs zu entwickeln und die digitale Welt benutzerfreundlicher zu gestalten.

Das könnte Sie auch interessieren

Kurspaket

Animation Design

Dauer: 16 Wochen
Einstieg: alle 4 Wochen
flexible Dauer

Kurs

Data Science und Big Data mit Python mit KI-Tools

Dauer: 4 Wochen
Start: 18.8.2025 | 8.12.2025 | 15.4.2026
Fokus KI

Kurs

Adobe Photoshop Masterclass mit KI-Tools - Fotodesign

Dauer: 4 Wochen
Start: 18.8.2025 | 13.10.2025 | 8.12.2025 | 16.2.2026 | 15.4.2026
Fokus KI

Kurs

UX & Usability - Barrierefreiheit mit KI-Tools

Dauer: 4 Wochen
Start: 21.7.2025 | 15.9.2025
Fokus KI

Kurs

No-Code-Webentwicklung, CMS und Animation mit Webflow mit KI-Tools

Dauer: 4 Wochen
Start: 15.9.2025 | 19.1.2026 | 18.5.2026
hohe Interaktivität

Kurspaket

Social Media Content & CMS mit Grundlagen KI

Dauer: 30 Wochen
Einstieg: alle 2 Wochen
Fokus KI

Kurs

Digitale Transformation - KI, Prompt Engineering, Arbeit 4.0, Collaboration Tools

Dauer: 4 Wochen
Start: 18.8.2025 | 13.10.2025 | 8.12.2025 | 16.2.2026 | 15.4.2026
Fokus KI

Kurspaket

Ticketshops für Kultur & Event und KI basics

Dauer: 18 Wochen
Einstieg: alle 2 Wochen
Fokus KI

Kurspaket

Online Marketing Management + KI basics & Arbeit 4.0

Dauer: 24 Wochen
Einstieg: alle 4 Wochen
Fokus KI

Kurspaket

E-Commerce Marketing für Onlineshops und Grundlagen KI

Dauer: 18 Wochen
Einstieg: alle 2 Wochen
Fokus KI

Kurspaket

Social Media advanced + KI basics & Arbeit 4.0

Dauer: 24 Wochen
Einstieg: alle 4 Wochen
Fokus KI

Kurs

Videoschnitt - Avid Media Composer

Dauer: 4 Wochen
Start: 13.10.2025 | 16.2.2026 | 22.6.2026
praxisrelevante Inhalte

Mit diesen 5 Schritten zum neuen Traumjob

1

Terminbuchung

Buchen Sie Ihren Wunschtermin ganz bequem online. Wir bieten Beratungen per Telefon, Videocall oder persönlich in einem cimdata Institut an.

2

Persönliches Beratungsgespräch

Sie werden von uns individuell beraten - nach Ihren Wünschen und Vorstellungen. Gerne unterstützen wir auch bei Fragen oder Anliegen zur Finanzierung und dem Bildungsvertrag.

3

Anmeldung und Vorbereitungsphase

Wir helfen bei vertraglichen und technischen Vorbereitungen, egal ob Sie von Zuhause aus oder im Institut teilnehmen. Zudem erhalten Sie vor Beginn der Weiterbildung eine Einführung in die digitale Arbeitswelt und den organisatorischen Ablauf Ihrer Weiterbildung.

4

Unterricht mit Fachdozent:innen

Sie bekommen Live-Unterricht mit intensiver Betreuung und praktischen Übungen von erfahrenen Dozent:innen aus dem jeweiligen Bereich – die ideale Vorbereitung für den späteren Beruf.

5

cimdata Zertifikat und Info-Service

Nach Abschluss erhalten Sie Ihr persönliches Zertifikat. Unser Karriereservice unterstützt Sie weiterhin gerne mit nützlichen Tipps und aktuellen Informationen rund um Jobs und Bewerbungen.

lernen-mit-cimdata-ist-kinderleicht

Darum ist Lernen mit cimdata entspannt

icon-live-unterricht

Lehre - live & online

Erleben Sie 100 % Live-Unterricht mit erfahrenen Dozent:innen – ganz bequem von zu Hause oder in einem unserer deutschlandweiten Institute. Die Teilnahme erfolgt ausschließlich online über Microsoft Teams.

icon-kostenlos-bereitgestellte-technik

Kostenlose Hard- & Software

Ob bequem von zu Hause oder an einem unserer modernen Standorte – wir stellen Ihnen kostenlos die nötige Hard- und Software zur Verfügung. Alles, was Sie zu Hause brauchen, ist eine stabile und schnelle Internetverbindung.

icon-lernen-von-zuhause

Modulare Inhalte

Ob zwei oder vier Wochen – unsere Kurse sind kompakt, praxisnah und flexibel kombinierbar. Stellen Sie sich Ihr individuelles Weiterbildungspaket auch mit mehreren Kursen ganz nach Ihren Vorkenntnissen, Zielen und zeitlichen Möglichkeiten zusammen. So lernen Sie genau das, was Sie wirklich brauchen – wann und wie es für Sie passt.

icon-100-prozent-foerderbar

100 % förderbar

Sie können Ihre Weiterbildung über einen Bildungsgutschein fördern lassen – beispielsweise nach SGB II, SGB III, durch Rentenversicherungsträger, Berufsgenossenschaften oder den Berufsförderungsdienst der Bundeswehr. Die Förderung ist je nach Bedarf für bis zu 12 Monate möglich – ideal für Ihre umfangreichen Lernziele. Wir beraten Sie dazu gerne.