Als Digitalagentur sind wir immer auf der Suche nach innovativen Tools, die uns dabei helfen, einmalige und nutzungsfreundliche Websites zu gestalten. Denn nur so können wir die Zielgruppen unserer Kundinnen und Kunden wirklich begeistern.
Eines dieser Tools ist die webbasierte Design- und Prototyping-Plattform Figma, die für uns zu einem unverzichtbaren Werkzeug in unserem täglichen Workflow geworden ist.
Falls Ihr Euch jetzt fragt, warum Figma uns so begeistert: Lest einfach weiter – wir haben in diesem Beitrag die vier wichtigsten Vorteile des Tools zusammengestellt!

1. Interaktives Prototyping

Beim Gestalten von Websites werden die Startseite und weitere Unterseiten meist einzeln erstellt und zunächst nebeneinander in der Design-Datei abgelegt. Dank Figma können Designer aus den einzelnen Seiten dann interaktive Mockups bauen, welche die Nutzungserfahrung auf der Website zeigen und uns ein Gefühl dafür geben, wie die Website später im Zusammenhang aussieht. In einem interaktiven Prototyp können beispielsweise Buttons oder Navigationspunkte verlinkt und Animationen eingebaut werden, um Interaktionen darzustellen. So erhalten Betrachtende eine bessere Vorstellung davon, wie das Endprodukt aussehen und sich anfühlen wird.

2. Kollaboration

Figma ist sehr stark auf Teamwork und Zusammenarbeit ausgerichtet, was für unser Design-Team ein großer Vorteil ist – denn nur gemeinsam erzielen wir Ergebnisse, die Nutzende begeistern. In Figma können Teammitglieder zusammen an einem Design arbeiten, ohne dass Dateien hin und her geschickt werden müssen. Dank der cloudbasierten Plattform kann von überall auf die Designs zugegriffen werden, solange eine Internetverbindung besteht. Das vereinfacht die Arbeitsabläufe sehr – vor allem, wenn Teammitglieder remote zusammenarbeiten. Super praktisch sind auch die Freigaben, die sich in Figma ganz einfach erstellen lassen: Über einen Link gelangen zum Beispiel Kundinnen und Kunden zum Design, wo sie dann Kommentare hinterlassen und somit schnell Feedback geben können.

3. Automatisierte Workflows

Durch verschiedene Tools und Plugins, die in Figma eingebunden werden, lassen sich weitere Funktionen hinzufügen, die den Designprozess noch effizienter machen. Beispielsweise können Design-Elemente automatisch benannt und organisiert werden, um Zeit zu sparen. Weitere Beispiele sind die automatische Erstellung von Tabellen, Listen und Rasterlayouts oder das schnelle Befüllen und Ersetzen von Inhalten wie Bildern und Texten. Auch für die Überprüfung der Barrierefreiheit von erstellten Designs stehen Tools zur Verfügung, die zum Beispiel Farben und Kontraste überprüfen und mit Standards wie dem WCAG abgleichen.

4. Nähe zur Programmierung

Figma erleichtert nicht nur die Zusammenarbeit innerhalb des Design-Teams, sondern bringt auch große Vorteile für die Zusammenarbeit mit dem Entwicklungsteam mit – denn die in Figma gestalteten Designs sind nah an der Programmierung.
Das bedeutet: Die in Figma designten Websites lassen sich von den Entwicklerinnen und Entwicklern gut auf die Umsetzung im Web übertragen. Zum Beispiel wird in Figma mit Pixelangaben gearbeitet und die Zeilenhöhe bei Schriften genauso dargestellt, wie sie später im Browser aussieht. Es gibt also keine Brüche zwischen dem Design und der programmierten Website, weil die Gestaltung in Figma technisch nah an der Webentwicklung ist. Außerdem gibt es in Figma eine Vielzahl von Optionen, mit denen Design-Assets schnell in verschiedene Formate exportiert werden können – und das vereinfacht den Workflow zwischen Design- und Entwicklungsteam ungemein.

Figma bei nova

Dank der praktischen Features und der effizienten Zusammenarbeit ist Figma für uns zu einem der wichtigsten Tools im Design geworden, das wir nicht mehr missen möchten. Doch am Ende des Tages ist eines trotzdem wichtiger als das genutzte Tool: die Kreativität. Damit eine Website zu einem echten Erlebnis wird, das in Erinnerung bleibt und inspiriert, ist jede Menge Arbeit nötig – und die kann durch kein Tool ersetzt werden. Denn letztlich begeistern auch unsere Designs nicht auf Grund des Tools, sondern weil hinter ihnen ein Team kreativer Köpfe steht, das mit innovativen Ideen neue Wege gehen und gemeinsam mit Kundinnen und Kunden ein neues Level erreichen möchte.