Getting Started with Figma

Figma ist ein cloudbasiertes Design- und Prototyping-Tool, das häufig zur Erstellung von Benutzeroberflächen (UI) und Benutzererlebnissen (UX) verwendet wird und die Zusammenarbeit im Team – egal ob Designer, Entwickler oder andere Projektbeteiligte – besonders einfach macht. Für Designer fühlt es sich ähnlich wie Adobe Illustrator an, da es ebenfalls eine vektorbasierte Software ist. Wer bereits mit Adobe XD vertraut ist, wird sich sofort zurechtfinden.

Figma eignet sich hervorragend zum Entwerfen von Wireframes, Mockups und Prototypen für mobile Apps und Websites. Besonders hervorzuheben ist die Zusammenarbeit in Echtzeit: Das gesamte Team kann gleichzeitig am selben Projekt arbeiten, Kommentare hinterlassen, Feedback geben oder einfach live zusehen. Ideal, um Teamarbeit reibungslos und angenehm zu gestalten!

Was ist der Unterschied zwischen UI und UX in Figma?

UI (User Interface) bezieht sich auf das visuelle Design, also das Aussehen und die Gestaltung eines Produkts. In Figma umfasst dies das Entwerfen von Elementen wie Buttons, Icons, Typografie, Farbschemata und Layout.

UX (User Experience) hingegen konzentriert sich auf den gesamten Weg des Nutzers – wie er mit dem Produkt interagiert und wie intuitiv oder zufriedenstellend diese Erfahrung ist. Dazu gehört die Strukturierung von Inhalten und Navigation, um ein nahtloses Erlebnis zu schaffen.

Kurz gesagt: UI in Figma beschreibt das Aussehen, UX das Funktionieren. Figma bietet Werkzeuge, um beides nahtlos zu gestalten und unterstützt Designer dabei, Produkte zu entwickeln, die sowohl optisch ansprechend als auch benutzerfreundlich sind.

Der Link zu Figma ist hier: https://www.figma.com/

Schauen wir uns nun an, wie Figma aussieht!

Noch ein letzter Hinweis: Wenn du eine Datei aus der Figma Community auswählst, werden dir möglicherweise zwei Optionen angezeigt, wie es auch bei mir der Fall war. Der Unterschied zwischen den beiden ist:

• UI-Kit in einer neuen Datei verwenden: Figma verwendet alle im File enthaltenen Assets, Icons und Komponenten in einem neuen Projekt, ohne alle Frames und Seiten zu kopieren;
• Eine Kopie dieser Datei erstellen: Figma erstellt eine Kopie der gesamten Datei, einschließlich aller Frames, Seiten, Assets und sonstigen Inhalte.