Erste Schritte

Figma ist ein cloudbasiertes Design- und Prototyping-Tool, das häufig zur Erstellung von Benutzeroberflächen (UI) und Benutzererfahrungen (UX) verwendet wird. Es macht die Zusammenarbeit mit Ihrem Team super einfach, egal ob es sich um Designer, Entwickler oder andere Projektbeteiligte handelt. Wenn Sie Designer sind, wird es sich ein wenig wie Adobe Illustrator anfühlen, da es sich ebenfalls um eine vektorbasierte Software handelt. Und wenn Sie bereits mit Adobe XD vertraut sind, werden Sie sich sofort wohlfühlen.

Figma eignet sich hervorragend zum Entwerfen von Wireframes, Mockups und Prototypen für mobile Apps und Websites. Eines der coolsten Dinge daran ist die Echtzeit-Zusammenarbeit. Sie und Ihr Team können am selben Projekt arbeiten, Kommentare hinterlassen, Feedback geben oder einfach live zusehen, wie die Magie passiert. Es ist perfekt, um Teamarbeit reibungslos und unterhaltsam zu gestalten!

Was ist der Unterschied zwischen UI und UX in Figma?

UI (User Interface) bezieht sich auf das visuelle Design, das Aussehen und das Gefühl eines Produkts. In Figma umfasst dies das Entwerfen von Elementen wie Schaltflächen, Symbolen, Typografie, Farbschemata und Layout.

Während sich UX (User Experience) auf die gesamte Reise des Benutzers konzentriert – wie er mit dem Produkt interagiert und wie intuitiv oder zufriedenstellend diese Erfahrung ist. Es beinhaltet die Strukturierung von Inhalten und Navigation, um die Erfahrung nahtlos zu gestalten.

Kurz gesagt, UI in Figma bezieht sich darauf, wie Dinge aussehen, während UX darauf abzielt, wie Dinge funktionieren. Figma bietet Werkzeuge, um beides nahtlos zu handhaben, und hilft Designern, Produkte zu erstellen, die sowohl optisch ansprechend als auch benutzerfreundlich sind.

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

Jetzt sehen wir uns an, wie Figma aussieht!

Eine letzte Sache, wenn Sie eine Datei aus der Figma Community auswählen, könnte es Ihnen zwei Optionen geben, wie es bei mir der Fall war. Der Unterschied zwischen den beiden ist:

• UI-Kit in einer neuen Datei verwenden: Figma verwendet alle im Datei enthaltenen Assets, Symbole 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 der Frames, Seiten, Assets und allem anderen.