UI -Design für Anfänger mit Figma
A course by Daniele BuffaVisual- und Produktdesigner
A course by Daniele Buffa, Visual- und Produktdesigner
Entdecken Sie die Grundprinzipien des UI -Designs und verwenden Sie sie mit Figma, um attraktive visuelle Elemente zu entwickeln, die potenzielle Kunden anziehen.
„Ich liebe es, meine Projekte durch Interaktion und Bewegung zum Leben zu erwecken, aber egal, welche Tools und Techniken ich wähle, der Benutzer steht immer an erster Stelle.“
Beim Design der Benutzeroberfläche stehen die Kunden im Mittelpunkt des kreativen Prozesses. Daniele Buffa ist ein preisgekrönter Designer, der sich auf die Erstellung aussagekräftiger UI-Visuals spezialisiert hat, die Produkte und Erlebnisse hervorheben. Er hat mit Marken wie Headspace und Insider zusammengearbeitet und wurde mit dem Cannes Lion und dem D&AD Pencil Award ausgezeichnet.
In diesem Online-Kurs zeigt er Ihnen, wie Sie Figma verwenden, um Ihre Kreativität zu steigern und Ihre Fähigkeiten im Bereich UI-Design zu entwickeln. Entdecken Sie die Grundprinzipien des Benutzeroberflächendesigns, von der Komposition bis zur visuellen Hierarchie, und erfahren Sie, wie Sie sie in Ihre eigene Arbeit integrieren können. Entwerfen Sie eindrucksvolle Benutzeroberflächen mit Blick auf die Benutzer!
Was lernst du in diesem Onlinekurs?
25 Lektionen & 20 Downloads
Figma- und FigJam-Grundlagen
16 Minuten, 15 Sekunden
Erste visuelle Erkundungen
20 Minuten, 20 Sekunden
Skalieren des Designs auf mehreren Bildschirmen
20 Minuten, 21 Sekunden
Organisieren des Designs in einer Bibliothek
11 Minuten, 48 Sekunden
Erstellen einer Animation und eines Prototyps
13 Minuten, 49 Sekunden
Präsentieren Sie Ihre Arbeit
8 Minuten, 4 Sekunden
Was ist in diesem Kurs enthalten?
Beginnen Sie den Kurs, indem Sie Daniele Buffa kennenlernen. Erfahren Sie mehr über die kreative Reise, die ihn zum Designer führte, und über die Einflüsse, die ihn inspirieren.
Tauchen Sie ein in die Grundlagen des UI-Designs und die verfügbaren Ressourcen. Daniele führt Sie dann durch die für den Kurs benötigte Software, bevor er Ihnen beibringt, wie man einen Brief interpretiert.
Recherchieren Sie für Ihr Projekt und erstellen Sie Moodboards zur Inspiration. Anschließend können Sie damit eine Reihe visueller Erkundungen durchführen. Wählen Sie Ihren Favoriten, entwickeln Sie Ihr Design und skalieren Sie es auf mehreren Bildschirmen.
Entwickeln Sie eine UI-Bibliothek für Ihre endgültigen visuellen Elemente, bevor Sie eine Animation und einen Prototyp erstellen. Zum Abschluss des Kurses gibt Daniele seine Tipps für die Präsentation und Präsentation Ihrer Arbeit.
Recommended software & tools for this course
What is this course's project?
Erstellen Sie eine Reihe von Schnittstellen in Figma, einschließlich einer Desktop- und Mobilansicht.
Projekte von Kursteilnehmenden
Who is this online course for?
Sein Kurs richtet sich an alle, die daran interessiert sind, ihre Fähigkeiten im Bereich UI-Design zu verbessern.
Requirements and materials
Es sind keine Vorkenntnisse erforderlich.
Was die Materialien betrifft, benötigen Sie Zugriff auf ein Gerät, auf dem Figma installiert ist.
Bewertungen
- ncastro_2PLUSvor 14 Tagen
El curso es bueno pero la traducción al español es horrible: algunas cosas no se entienden y el audio de la traduccion esta fuera de línea, los videos se acaban antes de que la traducción termine de explicar.
- vor 19 Tagen
detailed and easy to implement
- vor 20 Tagen
Excelente curso, me encantó
- vor 4 Monaten
Muito bom.
- vor 4 Monaten
Buen curso para poder iniciar en el mundo del UI. Es sencillo y fácil de entender en realidad. Las palabras del profesor son fáciles de comprender sobre los temas que habla.
Derzeit arbeitet er als Chefdesigner bei der kanadischen Designfirma Metalab mit Kunden wie Headspace, Insider und anderen. Daniele hat außerdem Auszeichnungen bei den Cannes Lion Awards und dem D&AD Pencil gewonnen.
Inhalt
- E1
Einführung
- Über mich
- Einflüsse
- E2
UI-Grundlagen, Figma-Grundlagen und Designprozess
- UI-Grundlagen
- Designressourcen
- Figma- und FigJam-Grundlagen
- Figma und FigJam Grundlagen 2
- Figma-Oberflächenänderung UPDATE 2025
- Das Briefing und der Designprozess
- E3
Lasst uns entwerfen!
- Recherche und Moodboard-Erstellung
- Erste visuelle Erkundungen
- Erste visuelle Erkundungen 2
- Erste visuelle Erkundungen 3
- Visuelle Erkundungen: Das zweite Moodboard
- Visuelle Erkundungen: Das zweite Moodboard 2
- Auswahl des endgültigen visuellen Designs
- Auswahl des endgültigen visuellen Designs 2
- Skalieren des Designs auf mehreren Bildschirmen
- Skalieren des Designs auf mehreren Bildschirmen 2
- Skalieren des Designs auf mehreren Bildschirmen 3
- Skalieren des Designs auf mehreren Bildschirmen 4
- E4
Die letzten Schritte: Die UI-Bibliothek, der interaktive Prototyp und professionelle Beratung
- Organisieren des Designs in einer Bibliothek
- Organisieren des Designs in einer Bibliothek 2
- Erstellen einer Animation und eines Prototyps
- Erstellen einer Animation und eines Prototyps 2
- Präsentieren Sie Ihre Arbeit
- AP
Abschlussprojekt
- UI-Design für Anfänger mit Figma
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
Yes, this course is tailored for intermediate designers looking to deepen their skills in UI design, Figma, and creative workflows. It covers both foundational and advanced topics to help you grow as a designer.
You’ll need access to Figma (free or paid), FigJam, and Photoshop (CS2 or newer recommended). No special hardware is required beyond a computer with internet access.
You’ll learn how to source inspiration, build mood boards, collaborate in Figma, apply design principles, create reusable UI components, and build interactive prototypes, plus strategies for sharing and presenting your work.
Basic familiarity with design tools like Figma or Photoshop is helpful but not strictly required. The course offers step-by-step guidance for key techniques.
You’ll discover methods for collecting inspiration, building mood boards, and using platforms like Unsplash and Chroma, plus strategies for sourcing references from art, film, and online communities.
Yes, the course covers collaboration in Figma and FigJam, sharing digital art in online forums, and building connections in the design community for feedback and growth.
Absolutely. You’ll learn to build wireframes, UI libraries, interactive prototypes, and use Figma’s prototype mode for navigation, transitions, and animations.