Figma (Wird in einem neuen Tab geöffnet), das kostenlose Webentwicklungstool, ermöglicht Designern die einfache Erstellung von Wireframes und Prototypen, bevor sie mit der Entwicklung beginnen.
Die Bedeutung einer guten UI und UX darf nicht unterschätzt werden. Da sich der Geschmack der Benutzer verfeinert und der Wettbewerb im digitalen Raum härter wird, können sich Unternehmen nicht intuitive, klobige oder inkonsistente Schnittstellen leisten, die nicht so funktionieren, wie Benutzer es erwarten. Tatsächlich ist dies der Schlüssel, um neue Benutzer zu gewinnen und sie länger zu halten.
Mit Mockup-Tools wie Figma, das Adobe im September 2022 gekauft hat, können Sie auf sehr einfache Weise realistische Prototypen bauen. In diesem Sinne ist es wie eine Mischung aus Photoshop und Canva für professionelle Designer.
Aber Einfachheit ist nicht der einzige Vorteil des Tools. Das browserbasierte Produktdesign-Tool hat einen starken Fokus auf die Online-Zusammenarbeit, egal welches Gerät Ihr Team verwendet.
Figma: Pläne und Preise
- Kostenloses Tool mit monatlichen und jährlichen Abonnements zu günstigen Preisen
Figma ist eine kostenlose Interface-Design-App mit monatlichen und jährlichen Premium-Abonnements für fortgeschrittene Benutzer.
Die kostenlose Version ist natürlich eingeschränkt. Benutzer können drei Figma-Dateien und drei FigJam-Dateien erstellen. Nicht schlecht für gelegentliche Benutzer, sehr kleine Teams und unabhängige Designer.
Für zahlende Benutzer sind zwei Upgrades verfügbar.
Professional fügt unbegrenzt Dateien, Audio-Chats und Teambibliotheken hinzu. Nützlich, wenn Sie eine konsistente Marke pflegen müssen. Die Kosten betragen 15 € / 14 € / 24 AUD pro Publisher und Monat.
Für Jahresabonnements sinken die Preise auf 12 €/11 €/19 AUD pro Publisher und Monat.
Organization bietet alles, was in Professional enthalten ist, plus unternehmensweite Bibliotheken, Analysen, zentralisierte Dateiverwaltung und mehr. Dies ist nur im Rahmen eines Jahresabonnements mit Kosten von 45 € / 41 € / 71 AUD pro Publisher und Monat erhältlich.
Im Allgemeinen bietet Figma einen mittleren Preis für den Markt. Sowohl Sketch als auch Adobe XD sind etwas günstiger; Axure RP ist teurer. Figma kostet viel weniger als UXPin, aber es ist ein größeres Tool, das interaktiven Live-Code verwendet, sodass Designer und Entwickler synchron arbeiten. Penpot bietet ein kostenloses Open-Source-Design- und Prototyping-Tool für Kreative, die mit knapperen Budgets arbeiten.
Figma: Schnittstelle und Erfahrung
- Elegante und moderne Benutzeroberfläche, einfach zu navigieren
Wie Sie es von einer dedizierten UI-Design-App erwarten würden, ist die Benutzeroberfläche von Figma extrem sauber. Wenn Sie zum ersten Mal auf die Homepage gehen, passiert viel, um fair zu sein. Und wenn das alles neu für Sie ist, droht Sie die schiere Menge an Optionen auf dem Blatt zunächst zu überfordern.
Aber tatsächlich wird trotz vieler Optionen (was nicht schlecht ist) alles gut auf dem Bildschirm dargestellt. Alles scheint dort zu sein, wo es sein sollte. Dadurch wird die Navigation intuitiv und es ist einfach, jede erforderliche Aktion auszuführen. Für ein browserbasiertes Tool ist es außerdem unglaublich reaktionsschnell.
Letztendlich, wenn Sie über ein mittleres Verständnis von Grafikdesign-Software und -Anwendungen verfügen, sollten Sie die unkomplizierte Benutzeroberfläche von Figma leicht finden.
- Schnittstelle und Erfahrung: 5/5
Figma: Design
- Leistungsstarke Tools für konsistente Designs
Wenn Sie wissen, wie man Formen und Linien positioniert und in der Größe ändert, können Sie Figma verwenden. Die grundlegende Layoutarbeit basiert darauf, Formen, Bilder und Textfelder in einem leeren Rahmen zu platzieren und dann die Eigenschaften zu ändern, um das gewünschte Ergebnis zu erzielen.
Unterschätzen Sie Figma jedoch nicht. Das Prototyping-Tool ist viel mächtiger, als es auf den ersten Blick scheint. Sie finden alle wichtigen Werkzeuge, von Skalierungs- und Textwerkzeugen bis hin zu intelligenten Stiftwerkzeugen, oben auf dem Bildschirm. Und ja, Tastaturkürzel werden vollständig unterstützt, um darauf zuzugreifen, für mehr Effizienz und bessere kreative Arbeitsabläufe. Das gilt sogar für Ihren Freihandstift: Halten Sie die Umschalttaste gedrückt, können Sie dafür sorgen, dass Ihre horizontalen und vertikalen Linien absolut perfekt sind.
Sobald Sie mit der Erstellung Ihres Drahtmodells oder Mockups beginnen, wird jede Komponente oder jedes Element dem Ebenenbedienfeld auf der linken Seite hinzugefügt. Hier spiegelt Figma den besten Fotoeditor von Adobe am besten wider. Im Betrieb ähnelt es jedoch Sketch, der Design-App nur für Mac. Aber durch die Entscheidung für das vertraute ebenenbasierte System bietet es mehr Kontrolle über jedes Element und macht es viel einfacher, es auf breiter Front anzuwenden. Ausrüstung.
Um den Designprozess noch einfacher zu machen, finden Sie rechts im Reiter Prototype Vorlagen für verschiedene Geräte. Apple-Produkte dominieren diesen Bereich mit einer Vielzahl von Optionen für iPhone, iPad, Mac und Apple Watch. Aber Sie finden auch Unterstützung für kleine und große Android-Bildschirme, Microsoft Surface Pro 8 und sogar Fernseher. Es wäre schön, wenn diese Liste weiter erweitert würde, aber insgesamt ist es eine schnelle Möglichkeit, sicherzustellen, dass Ihre Designs den Anforderungen (und Geräten) Ihrer Benutzer entsprechen. Um jedoch auf der sicheren Seite zu sein, können Sie Figma Mirror verwenden, um Designs auf Android und iOS anzuzeigen. Wie beim Haupttool werden gespiegelte Prototypen sofort aktualisiert, wenn Änderungen am Design vorgenommen werden.
Nach dem Signieren ermöglicht Figma den Export in PNG, JPEG, SVG und PDF. Es ist keine große Vielfalt, aber es sind zugängliche Formate, und das bedeutet wiederum, dass alle am Prozess Beteiligten das fertige Design sehen können.
Figma: Online-Zusammenarbeit
- Entwickelt, um mit Ihrem Team zusammenzuarbeiten
Online-Zusammenarbeit ist die Feder in Figmas Hut. Da Hybrid- und Remote-Arbeiten mittlerweile die Norm sind, ist dies für die meisten Designteams eine nicht verhandelbare Funktion. Und Figma erleichtert die Zusammenarbeit, von den ersten Konzepten bis zur endgültigen Lieferung.
Sie können Designs schnell teilen – klicken Sie einfach auf die Schaltfläche Teilen – aber das Tool bietet ein gutes Maß an Kontrolle darüber, wie (und was) Sie an andere senden. Von dort aus können Benutzer Kommentare schreiben, Kommentare hinterlassen und bei den Professional- und Organization-Plänen sogar Audio-Chats mit Kollegen führen, um in Echtzeit zusammenzuarbeiten.
Wenn Sie auf Online-Zusammenarbeit setzen, spielt FigJam dabei eine wichtige Rolle. Das Whiteboard-Tool dient zum Brainstorming und Organisieren von Ideen. Wie Figma ist es herrlich einfach zu meistern. Das Beste ist, dass Designdateien in beiden Tools funktionieren, um die Produktivität und den kreativen Prozess zu steigern.
An anderer Stelle stellt die Teambibliothek sicher, dass Styleguides und Branding projektübergreifend beibehalten werden. Dies hilft Teams, konsistentere Designs und Brandings während des gesamten Workflows zu erstellen, und hoffentlich weniger Ärger oder Hin und Her, sobald das Produkt an die Entwickler geliefert wird.
Es gibt auch Unterstützung für kostenlose und kostenpflichtige Layoutkomponenten, Widgets und Plugins, die von der breiteren Figma-Community erstellt wurden. Dies verleiht der Software noch mehr Nutzen (und hilft sicherlich, wenn diese Fristen drohen).
- Online-Zusammenarbeit: 5/5
Figma: endgültiges Urteil
Figma bietet ein modernes und intuitives UI- und UX-Design, das für jeden klar zugänglich ist. Tatsächlich können wir gar nicht genug betonen, wie einfach es zu bedienen ist. Es bietet alles, was Designer brauchen, und es tut es mit einem leistungsstarken und fortschrittlichen Satz von Tools, egal ob Sie eine neue App oder Website oder ein anderes Grafikdesignelement simulieren. Aber sein Fokus auf Online-Zusammenarbeit macht es zu einem Muss für Teams in einer Organisation.
Figma: Vorstand
Pläne und PreiseKostenlos, mit monatlichen und jährlichen Abonnement-Updates4Oberfläche und ErfahrungEinfach, modern, übersichtlich und benutzerfreundlich5DesignLeistungsstarkes Tool, das konsistente und genaue Designs ermöglicht5Online-ZusammenarbeitStark auf Online-Teamarbeit ausgerichtet5Ich sollte kaufen?
