Termine:
-
09. Oktober 2026, 14:00 Uhr –
Raum 3.106
Material
Übungen
Worum geht es?
Heute befassen wir uns mit dem absolut grundlegendsten Element jeglicher zweidimensionaler Gestaltung: dem Punkt. Klingt langweilig? Ist es aber nicht. Wir werden schauen, welche Aussagen und Wirkungen mit extrem minimierten Gestaltungsmitteln möglich sind. Dabei entdecken wir die verschiedenen visuellen Variablen der einzelnen Elemente, lernen verschiedene Formate kennen und ich werde Sie mit dem Einfordern von Varianten in den Wahnsinn treiben. Das wird super!
Was muss ich mitbringen?
- eigener Rechner mit Figma
- Basiskenntnisse in Figma
Figma-Fertigkeiten
Hier stehen nur die Figma-Fertigkeiten, die neu dazukommen. Alles andere kennen Sie bereits aus den vorherigen Veranstaltungen.
- Duplizieren und Einfügen: Mit Cmd/Strg + D verdoppeln Sie einen Punkt oder einen ganzen Frame, das brauchen Sie in diesen Übungen ständig. Ebenfalls praktisch: „Paste here“ setzt eine Kopie an eine bestimmte Stelle, „Paste to replace“ tauscht ein Element gegen ein anderes aus.
Figma-Hilfe (englisch) · Video
- Ausrichten und Verteilen: Mit den Ausrichten-Buttons oben in der rechten Seitenleiste setzen Sie Punkte genau an den Rand oder in die Mitte des Frames. Sollen mehrere Punkte gleiche Abstände haben, nehmen Sie Distribute oder Tidy up.
Figma-Hilfe · Video
- Masken: Eine Maske zeigt nur das, was innerhalb einer bestimmten Form liegt. Damit dürfen Punkte über den Rand des schwarzen Rechtecks hinauslaufen und werden trotzdem sauber abgeschnitten.
Figma-Hilfe · Video
- Components: Machen Sie aus Ihrem Punkt eine Komponente (Cmd/Strg + Alt + K) und arbeiten Sie mit Instanzen davon. Wollen Sie später die Größe ändern, reicht eine Änderung an der Hauptkomponente, und alle Punkte in allen Frames ziehen mit.
Figma-Hilfe · Video
- Layout Grids: Ein Layout Grid (heißt in Figma inzwischen „Layout-Hilfslinien“) legt ein Raster über den Frame, an dem Elemente einrasten. Bei den 500 × 500-Formaten hilft das, die Positionen der Punkte systematisch durchzuspielen.
Figma-Hilfe · Video
- Lineale und Guides: Mit Shift + R blenden Sie die Lineale ein und ziehen daraus einzelne Hilfslinien. Gut, wenn mehrere Frames eine gemeinsame Kante oder Mitte haben sollen.
Figma-Hilfe (englisch) · Video
Upload
Bitte laden Sie Ihre Ergebnisse aus diesem Veranstaltung bis zum 15.10.2026 23:55 Uhr im ILU hoch.
