Arbeit mit Figma - oliverbra/Projekt1_HCI_TeamCMTO GitHub Wiki

Nachdem wir im Projekt I unseren Prototypen mit Adobe XD entwickelt haben und damit das kollaborative Arbeiten weniger gut geklappt hatte, haben wir uns für Projekt II für das Design-Tool Figma entschieden. Figma bietet den Vorteil, dass man ganz einfach und in Echtzeit mit mehreren Personen kollaborativ in einer Datei arbeiten kann. Zudem kann jede Person, die den Link zur Datei hat, mitarbeiten oder sich die Ergebnisse im Webbrowser auf einem beliebigen Gerät anschauen; ohne erstmal eine spezifische App zu installieren. Mithilfe der Kommentarfunktion konnten direkt an den jeweiligen Stellen Anmerkungen hinterlassen und ebenfalls auf diese geantwortet werden. Zudem stellt Figma ein Community-Abteil zur Verfügung, in dem man sich viel Inspiration von Projekten anderer User holen kann.

Gearbeitet haben wir mit einer Library auf die jedes Teammitglied Zugriff hat. In dieser können einmalig Text-, Farb- und andere Styles angelegt werden, die dann flexibel genutzt und dynamisch angepasst werden können. Auch gesamte Komponenten wie Buttons oder Navigationsleisten können als Komponenten erstellt werden inklusive verschiedener Stadien.

Für die Frontend-Entwicklung konnten die Abstände und Specs der einzelnen Elemente direkt mithilfe des Inspector-Modus ermittelt werden. Der einzige Nachteil war, dass der generierte XML-Code von Figma nicht so nützlich war, da in diesem alle Elemente in Vektoren umgewandelt wurde, so dass das Verhalten dieser verzerrt und nicht korrekt war.

Rückblickend gesehen hat die Arbeit mit Figma sehr gut funktioniert und ist vor allem für Teams sehr gut gearbeitet. Hier und da werden muss erstmal gelernt werden mit den Funktionen, die zur Verfügung stehen, effizient zu arbeiten, aber da einige aus unserem Team hierbei bereits Erfahrung hatten, haben wir uns gegenseitig geholfen. Aufgrund der positiven Erfahrung werden wir auch in Zukunft auf Figma zurückgreifen.