Agentisches Coding für UX/UI-Designer
Designer können heute selbst bauen, was sie entwerfen. In diesem Workshop lernen UX- und UI-Designer, mit Coding Agents aus Mockups lauffähige Oberflächen zu machen, Interaktionen im Browser zu testen und mit Entwicklern an derselben Codebasis zusammenzuarbeiten, ohne auf freie Kapazitäten zu warten. Sie arbeiten den ganzen Tag an Ihren eigenen Designs und Komponenten.
Unverbindlich anfragen- Dauer
- 1 Tag
- Level
- Einsteiger
- Format
- Remote oder vor Ort, Deutsch oder Englisch
- Gruppengröße
- Bis zu 12 Teilnehmende pro Trainer
Für wen der Workshop ist
- UX- und UI-Designer
- Product Designer und Verantwortliche für Design Systems
- Kreative mit Interesse an Code
Was Ihr Team danach kann
- Ein Design mit einem Coding Agent in ein funktionierendes Frontend überführen
- Interaktionen und Zustände prototypen, die statische Mockups nicht zeigen
- Design Tokens und Komponentenregeln konsequent anwenden
- Kleine, sichere Änderungen an einem Team-Repository vornehmen und einen Pull Request öffnen
- Frontend-Ergebnisse auf visuelle und Barrierefreiheitsprobleme prüfen
Agenda
- Design trifft CodeWie ein Frontend aufgebaut ist und was Designer wissen müssen, um einen Agenten zu steuern.
- Vom Mockup zur OberflächeDem Agenten Ihr Design übergeben und das generierte Layout verfeinern, bis es passt.
- Interaktionen und ZuständeHover-, Lade-, Fehler- und responsives Verhalten ergänzen und im Browser testen.
- Tokens und KomponentenFarben, Abstände und Typografie als Regeln festhalten, damit der Agent markentreu bleibt.
- Zusammenarbeit mit EntwicklernBranches, Pull Requests und Reviewkultur für Beiträge von Designern.
- QualitätscheckErgebnisse vor der Übergabe auf visuelle Abweichungen und grundlegende Barrierefreiheit prüfen.
Voraussetzungen
- Erfahrung mit einem Design-Tool wie Figma
- Keine Programmiererfahrung nötig
- Ein Design oder eine Komponente, die Sie umsetzen möchten
Warum Workshops von apprat.io
- Geleitet von praktizierenden AI Code Engineers
- Mit Ihren Repositories oder einem Sandbox-Projekt
- KI-Tempo, menschliche Verantwortung: Review, Sicherheit und Governance inklusive
- Zertifizierte Prozesse nach ISO 9001 & ISO/IEC 27001
- Follow-up-Sprechstunde nach 30 Tagen
Unverbindlich anfragen
Erzählen Sie uns von Ihrem Team und Ihren Zielen. Sie erhalten innerhalb eines Werktags eine passende Agenda und ein Angebot – kostenlos und unverbindlich.
24/7-Telefonsupport auf Deutsch & Englisch:
+49 761 519 751 50
Häufige Fragen
Müssen Designer programmieren lernen?
Nein. Sie lernen, die Struktur eines Frontends zu lesen und einen Agenten präzise zu steuern.
Ändern wir echten Teamcode?
Nur, wenn Ihre Richtlinien es erlauben. Wir können ein Sandbox-Projekt oder einen geschützten Branch nutzen.
Ist generierte Oberfläche automatisch barrierefrei?
Nein. Agents übersehen Barrierefreiheit leicht, deshalb üben wir, Ergebnisse zu prüfen und zu korrigieren.
Mit * markierte Felder sind Pflichtfelder.