Warum unsere Webagentur Figma verwendet

Grundlegendes zu Figma

Was ist Figma?

Figma ist ein webbasiertes UI und Webdesign Tool. Neben einfacher Benutzung (ähnlich wie Sketch) liegen seine Stärke in der Zusammenarbeit von mehreren Personen. Es ermöglicht gleichzeitiges, schnelles und sicheres Arbeiten am Webdesign. Und dank der Versionierung kann sorglos experimentiert werden.

Die Figma Gründer hatten die Idee eines webbasierten UI Design Tools bereits 2011. 2015 wurde die erste Figma Version veröffentlicht. Seither hat es sich ständig weiterentwickelt und sich mittlerweile bei vielen erfolgreichen Webagenturen durchgesetzt. Welches ist der Finale Webdesign Entwurf? Diese Frage hat sich mit Figma erledigt.

Vorteile von webbasiert

• Echtzeit-Zugriff und gemeinsame Zusammenarbeit
• Kein Software download und keine Updates
• Unabhängig vom Betriebssystem
• Versionierung

FigJam

Wer Figma nutzt, hat gleichzeitig auch Zugriff auf FigJam. Dies ist ein Online-Whiteboard für Teams. Unsere Webagentur verwendet es für das Skizzieren von Ideen und Webdesign Mockups. Auch Diagramme, Sitemaps usw. lassen sich schnell und einfach zeichnen. Ein gemeinsames Treffen in FigJam kann sogar ein Online-Meeting ersetzen. Der einfache Aufbau macht es für jeden problemlos nutzbar.

Die Nachteile von Figma

Mit Figma begibt man sich in eine gewisse Abhängigkeit vom Anbieter. Während zahlreiche Importmöglichkeiten für anderen Tools wie Sketch existieren, verfügt Figma nur über ein eigenes Exportformat. Ansonsten konnte unsere Webagentur keine Nachteile im Vergleich zu Sketch finden. Der Funktionsumfang und die Performance von Figma hat uns positiv überrascht.

Adobe hat am 15.09.22 die Übernahme von Figma für 20 Milliarden USD bekannt gegeben. Die Aktionäre müssen der Übernahme aber noch zustimmen. Adobe rechnet erst im Jahr 2023 mit einem Abschluss.

Update 20.12.23: Gemäss einem Artikel auf dem News-Portal The Verge hat Adobe die Übernahme von Figma wegen Regulationen aufgegeben. Adobe muss Figma eine Milliarde als Abfindung bezahlen.

Wo bekommt man Figma und was kostet es

Unter figma.com kann das Tool kostenlos mit allen Funktionen verwendet werden. Für weitere Optionen gibt es zusätzlich Preis Pläne.

Vorteile für unsere Kunden

1. Fehlentwicklung sofort verhindern

Beim herkömmlichen Designprozess wurden verschiedene Webdesign-Varianten bis ins Detail ausgearbeitet und dem Kunden präsentiert. Dabei wurde ohne jeglichen Einbezug des Kunden bereits viel Aufwand investiert. Das Risiko, dass das Design nicht den Wünschen des Kunden entsprach, war gross. Oft musste alles nochmals neu gemacht werden.

Dank Figma kann nun ein gemeinsames schrittweises herantasten an die finale Design-Version praktiziert werden. Dabei handelt es sich um eine bewährte iterative Vorgehensweise. Dank Echtzeit-Zugriff können unsere Kunden sofort einschreiten, falls sich der Designprozess in eine falsche Richtung entwickelt. Es können laufend Verbesserungen einfliessen, umgesetzt und getestet werden. Durch diese Methode ist der Aufwand geringer, die Arbeit macht mehr Spass und das Resultat wird besser.

2. Frühzeitiger Richtungsentscheid

Bereits vor der aufwändigen Detailgestaltung unterschiedlicher Varianten können diese verworfen werden. Es ist nicht nötig, die aufwändige Feinarbeit auszuführen, wenn die Richtungswahl nicht stimmt. Dafür kann der Entscheid für eine bestimmte Variante schnell gefällt werden. So kann der ganze Aufwand auf die gewählte Variante fokussiert werden. Es entsteht Kapazität für weitere Screens und Darstellungen.

3. Gemeinsam mit dem Kunden am Webdesign

Gemeinsam mit dem Kunden können Feedbacks in Echtzeit umgesetzt und zusammen betrachtet werden. Es müssen keine Dateien hochgeladen werden und es sind keine Meetings notwendig.

4. Unser Kunde darf auch selber Hand anlegen

Figma verfügt über eine intuitive Benutzeroberfläche. Sie ist aufgeräumt und arbeitet an vielen Stellen kontextsensitiv. Das Anpassen der Designvorschläge ist damit ein Kinderspiel. Wenn gewünscht, dürfen unsere Kunden gerne auch selber damit experimentieren. Und sollte trotzdem etwas schiefgehen, kann über die ausgereifte Versionierung jederzeit alles wieder rückgängig gemacht werden.

5. Zugriff auf weitere Teilnehmer ausweiten

Manchmal lohnt es sich, wenn man noch weitere Meinungen einholt. Beliebig viele Teilnehmer können dem Figma Design hinzugefügt werden.

6. Darstellung auf mobilen Geräten

Über eine App können auch die mobilen-Webdesign-Vorschläge auf Smartphones real getestet werden. Erst, wenn Sie mit dem Design zufrieden sind, startet die Programmierung.

Figma vs Sketch

Das Erscheinen der auf UI und Webdesign fokussierte Grafiksoftware Sketch war damals eine Sensation. Es war das erste Programm, welches sich voll auf die Gestaltung von User Interface Design konzentriert hat. Davor hatte unsere Webagentur Designvorschläge über viele Jahre mühsam mit Photoshop und Illustrator gestaltet. Früh haben wir auf Sketch umgestellt und konnten dadurch viel Aufwand sparen. Das Arbeiten mit den kontextbasierten Tools und den Symbolen hat unsere Webagentur begeistert. Später ist Adobe mit einem eigenen UI Design Tool nachgezogen, konnte aber nur wenige Webdesigner begeistern. Sketch blieb bei vielen Webagenturen lange unangefochten die Nummer eins.

Figma führte anfangs eher ein Nischendasein. Die Vorzüge einer webbasierten Applikation waren zwar sichtbar, jedoch fehlte es noch an Funktionen. Mittlerweile ist der Funktionsumfang aber stark gewachsen.