Jeder UX/UI-Designer weiß, wie wichtig kollaborative Design-Tools sind. Sobald wir eines gefunden haben, das für alle im Team funktioniert, ist ein Zauber ausgesprochen und wir werden dieses Tool heiraten wollen.
Allerdings werden viele dieser Tools am Ende eingestellt und das Chaos ist entfesselt. So war es auch bei Adobe Fireworks, aber am Ende führte es uns zu Sketch, einem weiteren hervorragenden Tool für UX/UI-Designer
Aber auch wenn Sketch nicht abgekündigt ist und keine großen Probleme bei der Arbeit bereitet, nutzen immer mehr UX Designer Figma und ich denke, es lohnt sich, in den folgenden Zeilen zu erklären, warum das so ist und warum Figma das beste UX/UI Design Tool im Moment sein kann.
Kollaboration visueller und einfacher gemacht
Wie ich bereits in meinen vorherigen Blogs erklärt habe, ist es für jeden UX/UI Designer wichtig zu sehen, was die anderen Teammitglieder machen, vor allem weil eine unerwartete Änderung im Projekt einen Schneeballeffekt von Problemen für jeden Designer auslösen kann.
Das ist der Grund, warum so viele UX/UI Plattformen so hart an ihrem visuellen und kollaborativen Aspekt arbeiten. Wir müssen sehen, was passiert, um unnötige Fehler oder versehentliche Verdoppelung der Arbeit zu vermeiden.
Es ist mehr oder weniger wie bei der Arbeit mit Google Docs, das Betrachten und Bearbeiten in Echtzeit ist wichtig, aber auch den Überblick zu behalten, was andere tun. Wir brauchen also eine Plattform, die obendrein auf jedem Computer funktioniert und die es jedem Mitglied des Teams erlaubt, einzugreifen und den Verlauf des Projekts zu korrigieren, ohne alles durcheinander zu bringen.
Stell dir das wie ein Jenga-Spiel vor, aber anstatt einzeln zu spielen, nimmt jeder einen anderen Block zur gleichen Zeit. Tools wie Figma und Sketch halten diesen Turm von Blöcken stabil.
Figma und Sketch tun beide genau das für uns, und sie tun es auf eine subtile, aber bisher perfekte Weise. Ich gehöre jedoch zu den Designern, die Figma bevorzugen und ich werde dir erklären, warum.
Was ich an Figma liebe
Am Ende geht es um die kleinen Dinge, denkst du nicht auch? Wenn du zuvor Sketch oder Adobe XD benutzt hast, fragst du dich wahrscheinlich, was so gut an Figma ist, was diese beiden nicht haben.
Nun, ich werde keine UX/ Tools vergleichen, aber ich werde erklären, warum ich zu Figma gewechselt habe.
Zunächst einmal mag ich es, die Dinge einfach zu halten. Und Figma hat ein so visuelles und interaktives Interface, dass jeder, der es sieht, verstehen kann, wie es funktioniert, auch wenn er kein UX/UI Designer ist.
Dies bietet eine Lösung für das, was wir als "Design Drifting" kennen, was nichts anderes ist als das ganze Durcheinander, das entsteht, wenn wir Designer nicht richtig zusammenarbeiten, weil wir nicht sehen können, was andere in Echtzeit machen.
Figma hat ganze Projekte gerettet. Wenn ein Manager entscheidet, dass eine Änderung sofort vorgenommen werden muss, muss ich als UX-Designer dies tun, ohne das zu stören, was alle anderen tun, und Figma hat mir geholfen, Reibungen zu vermeiden, Dinge von Grund auf neu zu machen und die Arbeit anderer Designer zu unterbrechen.
Wie sieht es mit der Integration von Figma in andere Plattformen aus?
Da Figma eine Web-App ist, kann sie von jedem Browser und Betriebssystem aus genutzt werden. Das ist natürlich immer eine Erleichterung, denn nicht jeder UX-Designer arbeitet mit Mac, einige nutzen Windows und Linux für ihre Tätigkeiten.
Du kannst auch Figma-Kanäle auf Slack erstellen, was ich für ein sehr wichtiges Feature halte, da die Änderungen an einer Figma-Datei jede andere Instanz, in der diese Datei eingebettet ist, aktualisiert.
Wie sieht es mit der erlaubnisbasierten Dateifreigabe aus? Ich bin von diesem Tool fasziniert, denn jede Datei, jeder Layer oder jede Seite, die du mit anderen Designern teilen möchtest, kann über einen einzigen Link geteilt werden, und derjenige, der darauf klickt, öffnet Figmas Browser-Version
🚀
Lass uns gemeinsam Fortschritt machen.
Prototyping mit Figma
Auch hier werde ich keine Tools vergleichen, aber ich möchte erwähnen, dass Figma eine Prototyping-Funktionalität integriert hat, bevor es Sketch tat.
Am Anfang war es ein wenig chaotisch und statisch (hauptsächlich beschränkt auf das Verknüpfen einzelner Elemente mit anderen Zeichenflächen und einen begrenzten Bereich von Übergangseffekten), aber mit der Einführung von Overlays haben sie sich weiterentwickelt.
So wie ich es sehe, sind die Funktionen von Figma super flexibel und helfen mir, Projekte einfacher zu prototypisieren und sie ohne große Komplikationen über einen Link zu teilen.
Überall Augen
Da Figma Codeschnipsel auf jedem Layer oder Objekt anzeigt, kann jeder Entwickler oder Designer eine Designdatei überall und jederzeit überprüfen und kommentieren.
Es werden keine Tools von Drittanbietern benötigt, und es hat eine vollständige Integration mit Zeplin, falls jemals benötigt.
Bessere und unbegrenzte Raster und Spalten
Mit Figma kannst du Layer verschachteln und separate Raster haben, so wie du es am bequemsten findest. Es geht nicht darum, Gitter über die Zeichenflächen zu legen, sondern so viele von jedem Typ (Zeilen, Spalten und Gitter) hinzuzufügen, wie du willst.
Das hilft dir, sie als Hilfsmittel zu verwenden, wenn du zum Beispiel mit größenveränderlichen Komponenten arbeitest. Und auch wenn viele andere UX/UI-Design-Tools es dir mittlerweile erlauben, zu definieren, wie Elemente skalieren, wenn Container in der Größe verändert werden, war Figma das erste mit diesem UI-Konzept.
Willkommene Style-Kaskaden
Figma geht mit Stilen einen anderen Weg. Anstelle von Text- und Ebenenstilen haben sie sich dafür entschieden, Stile kaskadieren zu lassen.
Das heißt, du kannst Stile für Farben, Texte und Effekte speichern oder sie mischen. Das ist ein großer Vorteil, weil es dir erlaubt, die Farbe eines Wortes in einem Textblock zu ändern. Ja, es ist eine kleine Änderung, aber in der UX/UI sind diese Dinge nicht so einfach zu ändern, ohne die ganze Arbeit des Tages durcheinander zu bringen, also liebe ich es!
Fazit
Wenn du ein UX/UI-Designer wie ich bist, empfehle ich dir, Figma hin und wieder auszuprobieren, nur um zu sehen, ob es für dich genauso gut funktioniert wie für mich.
Dies ist ein Tool, das entwickelt wurde, um die Teamarbeit zu verbessern und dir gleichzeitig genug Autonomie zu geben, um dich völlig frei zu fühlen, deine Arbeit zu machen, ohne die der anderen zu unterbrechen.
Meiner Meinung nach hat Figma das Beste von Sketch und Adobe XD in sich vereint, alles in Bezug auf Benutzerfreundlichkeit, Funktionen und Leistung ist erstaunlich.
Außerdem ist es, da es auf jeder Plattform, jedem Browser und jedem Betriebssystem verfügbar ist, so etwas wie die Situation wie bei Herr des Ringe: Ein Tool, um alles zu sehen und ein Tool, um alles zusammen zu machen.