Figma

Durch den Echtzeit-Kollaborationsmodus hat jedes Teammitglied immer den aktuellsten Stand und kann gemeinsam an einem Dokument arbeiten. Einfache Klickprototypen können in Sekunden erstellt werden. Das komplette Tool funktioniert einfach so wie es soll. Gleichzeitig ist eine mächtige Community im Hintergrund, die immerwieder hervorragende Plugins entwickelt. Das Wechseln zwischen verschiedenen Accounts funktioniert einfach per Drop-Down, so ist es möglich gleichzeitig auf einem internen und einem Kunden-Account zu arbeiten ohne sich ständig ein und ausloggen zu müssen. Prototypen können per iframe direkt in Confluence Seiten eingebunden werden und sind dort für alle benutzbar. Das Userhandling ist super intuitiv gestaltet und bietet einen perfekten Überblick über aktive und nicht aktive Nutzer.

Ich kann als Nicht-Designer schnell und unkompliziert Creatives für Facebook oder einen Banner für die nächste Mail bauen. Die Brand Guidelines sind alle hinterlegt. Ich kann also nix falsch machen. Wir bedienen aktuell fünf unterschiedliche Märkte. Mit Figma können wir uns funktionierenden Assets einfach zuschicken und diese auf den jeweiligen Markt anpassen.

Das Auto-Layout-Feature und die wahre Gewalt an Properties mit der man Komponenten ausstatten kann ist der größte Pluspunkt an Figma. Zugegeben, beides benötigte eine kurze Eingewöhnungsphase. Eigenschaften wie „Fill Container“ oder „Hug contents“ sorgen dafür, dass Elemente fast immer in ihrem vorgegeben Grid bleiben und auch Responsivität lässt sich so hervorragend abbilden. Mit einer sauber angelegten Design Library und gepflegten Properties, wie zB. verschiedene Ausprägungen eines Assets oder das Ein- und Ausblenden bestimmter Elemente innerhalb desselben erhöht sich die Geschwindigkeit des Workflows drastisch. Ein weiterer Pluspunkt ist der kollaborative Ansatz mit dem komplette Teams vom Projektmanager über den Designer bis hin zum Frontendentwickler zusammenarbeiten können, ohne das ständig der aktuelle Dateistand hin und her geschickt werden muss.

Figma sticht für mich durch die Komponenten-Bibliothek heraus. Damit kann ich für verschiedene interaktive Elemente (wie z.B. Buttons) Komponenten anlegen, die sich im ganzen Dokument wiederverwenden lassen. Außerdem bietet Figma eine gute Übersicht über alle erstellten Seiten und ist sehr performant in der Bedienung.

Besonders gut gefällt mir, dass Figma auf Kollaboration ausgerichtet ist und diese deutlich vereinfacht. Einerseits können Frontend Developer genaue Daten erhalten, wie Höhe, Breite, Positionierung, Farbe o.Ä. und können zeitgleich Kommentare hinterlassen, falls Fragen aufkommen. Ebenfalls ermöglicht es einen einfachen Zugriff auf Datenformate, wie z.B. SVGs. Auch unter Designern ist Figma äußerst nützlich, da wir stets an ein- und demselben Projekt zeitgleich arbeiten können und uns keine Sorgen machen müssen, dass mögliche Veränderungen oder Informationen auf dem Laufwerk des anderen Designers verschwinden. Hinzu kommt, dass Funktionen wie Komponenten und Varianten es einem sehr einfach machen größere Änderungen global und schneller umzusetzen, welches bei zunehmender Anzahl an Screen sehr nützlich ist.

Figma ist besondershilfreich wenn man spontan in einer Remote Besprechung einen digitalen Zettel braucht um die Dinge die man bespricht zu visualisieren. So kann man innerhalb einer Besprechung die Ideen gleich zu Papier bringen, und es werden Missverständnisse vermieden. Ausgehend von den Charts lassen sich die Ideen auch super in Sessions weiterentwickeln. Das Tool ist super leicht zu verstehen und benötigt kein größeres Onboarding. Es gibt auch viele Vorlagen, z.B. für Brainstorming Sessions.

Ein super Tool für die Teamübergreifende Zusammenarbeit von Produkt Designern und Motion Designern. Für die Erstellung von Werbeanzeigen ist es wichtig, immer das aktuelle App-Design zu benutzen. Durch die Umstellung auf Figma ist es jetzt wesentlich einfacher zu sehen, welche Designs Produkt und Brand Marketing aktuell verwenden. Für spontane Brainstormings ist FigJam perfekt. Mit dem virtuellen Whiteboard kann jeder seine Ideen hinzufügen und man hat für später alles an einem Platz. Das gute Abfotografieren von Whiteboards entfällt damit.

Ich nutze Figma nicht als Designer, sondern nur als Developer um Pixel genaue Layouts im Frontend umzusehen. Ich finde Figma sehr praktisch, da ich per Klick alle Infos (Schriftgröße, Schriftart etc) auslesen kann und diese direkt in den CSS Code einfügen kann. Besonders hilfreich ist es das Farbverläufe direkt als CSS Code angezeigt werden. Das erspart viele Korrekturschleifen. Außerdem kann ich direkt an das Element einen Kommentar heften, damit ich mich mit dem Designer austauschen kann.

• Single-Source-of-Truth: kein lästigen Exportieren für Entwickler, diese können durch den Inspect-Mode direkt Textstyles und weiteres auslesen • Voller Funktionsumfang auch via Browser möglich • Performant und stabil, Auto-save und Versionierung • Wird kontinuierlich weiterentwickelt (unkompliziertes Updating) • Zahlreiche Plugins zur Beschleunigung des Workflows • iFrame Embedding in Confluence möglich