Grundlagen der visuellen Kommunikation

Medieninformatik am Campus Gummersbach

Figma Basics

Dauer
120 min
Typ
Software Training
Maximale Teilnehmerzahl
20 Teilnehmer
Verantwortlich
Franz Jaspers, Jorge Pereira
Info
Wie können mit Figma, einem vektorbasierten Online-Zeichenprogramm, Mockups für grafische Benutzeroberflächen und Interfaces erstellt werden?

Termine:

Worum geht es?

Bei diesem Training üben wir den Umgang mit der Software Figma. Ab einem bestimmten Punkt im Entwurfsprozess wollen wir papier-basierte Wireframes und Skizzen ins Digitale überführen und so konkretisieren. Dafür brauchen wir ein Stück Software. Es gibt unzählige Tools für diese Aufgabe und die Auswahl ist oftmals sehr persönlich oder anhängig von der Präferenz des Teams, des Kunden oder des zugrunde liegenden Workflows. In diesem Workshop nutzen wir Figma, als ein relativ neues, webbasiertes Tool für grafische Mockups und andere Aufgaben. Figma ist im Web und somit für mehrere Platformen verfügbar.

Was bringt mir das Training?

Wenn Sie bereits fit im Umgang mit Figma sind, dann bringt Ihnen das Training relativ wenig. Falls Sie jedoch keine, oder nur geringe Erfahrungen mit Figma haben, dann lernen Sie hier grundlegende Konzepte, Handgriffe und Arbeitsabläufe innerhalb des Tools kennen. Außerdem wird geübt. Üben hilft immer.

Warum sollte ich üben?

Üben hilft. Bei den späteren Workshops geht es nicht nur darum bestimmte Aufgaben irgendwie umzusetzen, sondern sie möglichst sauber und schnell zu realisieren. Und dazu gehört eine gewisses Maß an Routine und das kommt nur durch üben.

Was sollte ich vorbereiten?

Bitte schon mal die Videotutorials durcharbeiten. Figma ist momentan noch kostenlos verfügbar und kann auch ohne lokale Installation verwendet werden. Auf den Rechnern in der Medieninformatik ist teilweise die Desktop-App von Figma verfügbar, ansonsten kann dieses im Browser aufgerufen werden.

Material

Basis-Tutorials

Fortgeschrittene Tutorials (optional)

Folien und Aufgaben

Figma ist kompatibel mit Sketch-Dateien und kann diese importieren. Aus diesem Grund können Sie die hier verlinkten Dateien in Figma importieren, um sie dort ebenfalls zu verwenden.