UI Designer (User Interface Designer) gestalten die sichtbare Oberfläche digitaler Produkte: Screens, Buttons, Navigationen, Icons und ganze Design-Systeme für Apps und Websites. Einen eigenen Ausbildungsberuf gibt es nicht, der Einstieg gelingt über eine gestalterische Ausbildung, ein Studium oder den Wechsel aus dem Grafikdesign; Interfacedesigner/innen verdienen laut Entgeltatlas der Bundesagentur für Arbeit (Datenstand 2025) im Median 3.914 Euro brutto im Monat.
Rubrik: Berufsfelder & Berufsbilder · Unterrubrik: Design-Berufe · Niveau: Einsteiger Synonyme / Auch bekannt als: User Interface Designer, Interface-Designer/in, Visual Designer (Digital), Screen Designer
Was macht ein UI Designer?
UI Designer gestalten alles, was Nutzer/innen auf einem Bildschirm sehen und bedienen: Buttons, Formulare, Navigationen, Icons, Farb- und Typografiesysteme, Karten-Layouts und komplette App-Screens. Ihr wichtigstes Werkzeug ist Figma, ihr Ergebnis sind übergabefertige Designs für Entwicklungsteams.
Die Rolle liegt zwischen Grafikdesign und UX-Design: UI Designer brauchen ein sicheres visuelles Gespür, müssen aber verstehen, wie ihre Entscheidungen die Bedienbarkeit beeinflussen und wie Entwickler/innen sie technisch umsetzen. In kleinen Teams und Start-ups wird oft ein kombiniertes UX/UI-Profil erwartet, in größeren Produktunternehmen sind die Rollen getrennt.
Aufgaben & Tätigkeiten
Screens gestalten
- App- und Website-Screens auf Basis von UX-Konzepten und Wireframes gestalten
- Interaktive Elemente wie Buttons, Dropdowns und Dialoge visuell definieren
- Visuelle Hierarchie und konsistente Bildsprache entwickeln
Design-Systeme aufbauen und pflegen
- Komponentenbibliotheken in Figma erstellen
- Design Tokens für Farben, Abstände und Schriftgrößen definieren, auch für Hell- und Dunkelmodus
- Gestaltungsrichtlinien für das Team dokumentieren
Mit der Entwicklung zusammenarbeiten
- Designs übergabefertig aufbereiten, etwa im Figma Dev Mode
- Technische Machbarkeit früh klären
- Umsetzung prüfen und Abweichungen melden
Iterieren
- Varianten für A/B-Tests gestalten
- Feedback aus Nutzertests und von Stakeholdern einarbeiten
- Barrierefreiheit prüfen: Kontraste, Schriftgrößen, Fokuszustände
Ausbildung & Karriereeinstieg
UI Design hat sich in den letzten Jahren aus Webdesign und Grafikdesign als eigene Disziplin entwickelt. UI Designer kommen deshalb aus unterschiedlichen Richtungen:
Schulische Ausbildung: Staatlich anerkannte Berufsfachschulen für Gestaltung vermitteln in mehrjährigen Vollzeitausbildungen Typografie, Layout und Screendesign, oft mit eigenem Schwerpunkt für digitale Medien.
Duale Ausbildung: Mediengestalter/innen Digital und Print, Fachrichtung Digitalmedien, lernen laut Ausbildungsordnung von 2023 das Programmieren digitaler Medien, das Erstellen funktionaler Prototypen und das Gestalten für unterschiedliche Endgeräte, auch unter dem Aspekt der Barrierefreiheit (BIBB).
Studium: Kommunikationsdesign, Interaction Design, Mediendesign oder Medieninformatik bieten gute Grundlagen.
Quereinstieg aus dem Grafikdesign: Typografisches und kompositorisches Wissen ist direkt übertragbar; Figma lässt sich gut nebenbei lernen.
Portfolio: Entscheidend sind fertige Screens, Ausschnitte aus Design-Systemen und im besten Fall Links zu umgesetzten Produkten.
Ausbildung an der Lazi Akademie
Wer UI Design auf einem soliden gestalterischen Fundament lernen will, findet an der Lazi Akademie in Esslingen am Neckar die staatlich anerkannte Ausbildung in Grafik- und Kommunikationsdesign, drei Jahre Vollzeit, mit dem eigenen Schwerpunkt „Digital Design & UI“. Dort gestalten Studierende für Screens, von der Website über die App bis zur interaktiven Kampagne, und arbeiten an UI/UX-Design und Prototyping, Responsive Webdesign, Design Systems und Components sowie Social-Media-Gestaltung. Vermittelt werden die Adobe Creative Suite, Figma und aktuelle UX/UI-Tools, dazu Typografie, Branding und Konzept als Basis, die vielen reinen UI-Kursen fehlt. Voraussetzung sind Mittlere Reife, Abitur oder eine abgeschlossene Ausbildung, statt Mappe gibt es eine Kreativaufgabe. Das passt zu allen, die Interfaces nicht nur bauen, sondern gestalterisch durchdenken wollen. Bewerben kannst du dich direkt über die Fachbereichsseite.
Gehalt & Verdienst
| Kennzahl | Wert | Quelle |
|---|---|---|
| Median Interfacedesigner/in (Berufsgattung 23224, Experte/in) | 3.914 € brutto/Monat | Entgeltatlas der Bundesagentur für Arbeit, Datenstand 2025 |
| Unteres bis oberes Quartil | 3.195 bis 5.064 € brutto/Monat | Entgeltatlas, Datenstand 2025 |
| Unter 25 Jahren | 2.955 € brutto/Monat | Entgeltatlas, Datenstand 2025 |
| Median UX-Designer/in (Spezialist/in), zum Vergleich | 4.149 € brutto/Monat | Entgeltatlas, Datenstand 2025 |
Die Bundesagentur ordnet Interfacedesigner/innen der Berufsgattung 23224 zu, die mehrere Designberufe auf Expertenniveau zusammenfasst; der Entgeltatlas wertet Vollzeitbeschäftigte aus. Das Gehaltsportal gehalt.de, das auf freiwilligen Angaben beruht, nennt für Interface-Designer/innen einen Median von 45.897 € im Jahr (Abruf Oktober 2026). Freiberufliche Tagessätze werden frei verhandelt und hängen von Erfahrung, Branche und Projektumfang ab.
Wichtige Tools & Software
- Figma: Branchenstandard für Screendesign und Zusammenarbeit, mit Auto Layout, Variablen und Dev Mode
- Sketch: In einigen Mac-basierten Teams weiterhin im Einsatz
- Adobe Illustrator und Photoshop: Für Icons, Illustrationen und Bildbearbeitung
- Storybook: Verbindet Design Tokens und Code-Komponenten
- ProtoPie oder Principle: Für komplexe Interaktionsprototypen und Mikroanimationen
In der Praxis
UI Designer sind das Bindeglied zwischen Konzept und Code. Sie übersetzen UX-Konzepte in visuelle Gestaltung und bereiten sie so auf, dass Entwicklungsteams effizient umsetzen können.
Ein großer Teil der Arbeit ist das Design-System. In wachsenden Produktteams beschleunigt eine gepflegte Komponentenbibliothek die Arbeit aller Beteiligten und sorgt für Konsistenz über alle Touchpoints. Grundkenntnisse in HTML und CSS helfen, responsive Layouts realistisch zu planen und Missverständnisse mit der Entwicklung zu vermeiden.
Vergleich & Abgrenzung
| Beruf | Abgrenzung |
|---|---|
| UX Designer | Verantwortet Nutzungserlebnis, Struktur und Informationsarchitektur; UI setzt das visuell um |
| Grafikdesigner/in | Gestaltet für Print und digitale Kommunikation; UI Design ist auf digitale Produkte fokussiert |
| Webdesigner/in | Überschneidung bei Websites; Webdesign ist breiter, UI Design stärker auf Produktentwicklung ausgerichtet |
| Frontend-Entwickler/in | Setzt UI-Designs in Code um; beide arbeiten eng zusammen |
| Product Designer | Oft Sammelbegriff für kombinierte UX/UI-Verantwortung |
Häufige Fragen (FAQ)
Was verdient ein UI Designer? Für Interfacedesigner/innen nennt der Entgeltatlas der Bundesagentur für Arbeit (Datenstand 2025) einen Median von 3.914 Euro brutto im Monat in Vollzeit, die mittlere Hälfte liegt zwischen 3.195 und 5.064 Euro. Unter 25 Jahren liegt der Median bei 2.955 Euro.
Kann man UI Designer ohne Studium werden? Ja. UI Designer ist keine geschützte Berufsbezeichnung, entscheidend ist das Portfolio. Schulische Ausbildungen an Berufsfachschulen für Gestaltung und die duale Ausbildung zum/zur Mediengestalter/in Digital und Print sind anerkannte Wege ohne Studium.
Was ist der Unterschied zwischen UI und UX Design? UX Design klärt, was ein Produkt leisten soll und wie Nutzer/innen sich darin bewegen; UI Design legt fest, wie es aussieht und sich anfühlt. In der Praxis überschneiden sich beide, kleine Teams erwarten oft beides von einer Person.
Muss ein UI Designer programmieren können? Nicht zwingend. HTML- und CSS-Grundkenntnisse erleichtern aber die Zusammenarbeit mit der Entwicklung erheblich und helfen, umsetzbare Designs zu erstellen.
Was ist ein Design-System und warum ist es wichtig? Ein Design-System ist eine Sammlung wiederverwendbarer Komponenten, Regeln und Standards für ein Produkt oder eine Marke. Es sorgt für Konsistenz, beschleunigt die Entwicklung und erleichtert neuen Teammitgliedern den Einstieg; bekannte Beispiele sind Material Design von Google und Carbon von IBM.
Verwandte Einträge
- UX Designer, Aufgaben, Gehalt und Ausbildung
- Grafikdesigner/in werden: Ausbildung, Wege und Gehalt
- Communication Designer/in: Aufgaben, Gehalt, Ausbildung
- Motion Designer: Aufgaben, Gehalt und Ausbildung
Weiterführend
- gehalt.de: Gehalt Interface-Designer/-in, Abruf Oktober 2026. gehalt.de.
- Bundesagentur für Arbeit (2026): Entgeltatlas, Berufsgattung 23224 (Interfacedesigner/in, Computergrafiker/in) und Beruf „UX-Designer/in“, Datenstand Entgeltatlas 2025, abgerufen November 2026. web.arbeitsagentur.de/entgeltatlas
- BIBB: Mediengestalter/in Digital und Print, Fachrichtung Digitalmedien, Neuordnung 2023. bibb.de.
- Wathan, Adam; Schoger, Steve: Refactoring UI. Selbstverlag, 2018.
- Material Design Guidelines: m3.material.io.
