UI3: Umfassende Neugestaltung der Benutzeroberfläche mit Fokus auf die Nutzer
- UI3 ist die größte Änderung an Figmas Benutzeroberfläche seit 2019 und wurde neu aufgebaut, um Komplexität zu reduzieren und mehr Raum für Teamzusammenarbeit zu schaffen
- In den ersten Beta-Tests zeigte sich, dass schwebende Panels (floating panels) die Arbeitsgeschwindigkeit verringerten
- Auf Basis des Nutzerfeedbacks wurden die Panels angedockt (docked) und in der Größe anpassbar gemacht
- Kleine Details wie zusätzliches horizontales Scrollen wurden übernommen, um eine intuitivere Bearbeitungsumgebung zu bieten
- Wichtige Verbesserungen:
- Über die untere Toolbar und das Actions-Menü ist ein schneller Zugriff auf zentrale Werkzeuge und AI-Funktionen möglich
- Verbesserte Farbpipette: Wiederverwendung von Styles, Änderung von Farbformaten und Erstellen neuer Variablen möglich
Ausbau der Kernfunktionen: Multi-edit und Performance-Optimierung
- Multi-edit: Passt sich an verschiedene Arbeitsstile an und erhöht die Effizienz bei der Zusammenarbeit
- Typografie:
- Unterstützung für das Überschreiben von Textstilen (kursiv, fett, unterstrichen usw.)
- Verbesserte Schrift-Auswahl und gemischte Absatzabstände innerhalb eines einzelnen Textknotens möglich
- Performance-Verbesserungen:
- Dynamisches Laden von Seiten für die effiziente Verwaltung großer Dateien
- Optimierte Speichernutzung und reibungslose Multiplayer-Zusammenarbeit
- Verbesserte Team-Management-Tools:
- Organisationswerkzeuge wie Datei anheften, Suchfilter und Seitentrenner hinzugefügt
AI-Funktionen: Weniger Reibung im Design-Workflow
- Visuelle Suche: Bilder oder Canvas-Bereiche hochladen, um benötigte Dateien und Komponenten schnell zu finden
- Texterstellung und -umwandlung:
- Ersetzen, Übersetzen und Zusammenfassen von Text sowie Einfügen realistischer Texte
- Bildgenerierung und -bearbeitung:
- AI-gestützte Bilderzeugung und Entfernen von Hintergründen
- FigJam:
- Visualisierung von Ideen mit AI-Mindmaps und automatische Erstellung von Präsentationsmaterialien für Figma Slides
Figma Slides: Präsentationstool mit Fokus auf Zusammenarbeit
- Präsentationsmodus auf Basis der Kollaborationsfunktionen von Figma
- Konsistenz durch Smart Templates
- Zusätzliche Funktionen für Live-Umfragen und Interaktion
- Aus FigJam-Boards lassen sich automatisch Gliederungen für Slide Decks erzeugen
Design-Systeme: Mehr Skalierbarkeit und Flexibilität
- Mehr Kontrolle über Text mit Typografie-Variablen
- Neue Variablenfunktionen für Komponenten-Eigenschaften:
- Design-Systeme können ohne Auftrennen von Instanzen erhalten bleiben
- Vorgefertigte UI-Kits beschleunigen den Start des Designprozesses
Entwickler-Tools: Dev Mode und Code Connect
- Verbesserungen im Dev Mode:
- Neues Kommentar-Tool für die Zusammenarbeit zwischen Design und Entwicklung
- VS Code-Erweiterung integriert Design-Kontext direkt in den Code-Editor
- Code Connect:
- Produktionsnahe Code-Snippets stärken die Konsistenz zwischen Design-System und Code
Beiträge der Community: Plugins und Templates
- Bemerkenswerte Plugins:
- LottieFiles: Erstellung von Animationen
- Peppercorn: Erstellung von Textstilen
- Vector to 3D: Umwandlung von Designs in 3D
- Bemerkenswerte Templates:
- Mehr als 500 FigJam-Templates geteilt
- Vielfältige Design-Ressourcen und kreative Templates verfügbar
Globale Events und Wachstum der Community
- Config 2024: Mehr als 10.000 Teilnehmende, um die Zukunft von Design und Entwicklung zu erkunden
- Friends of Figma: 220 lokale Gruppen, mehr als 500 Veranstaltungen
- Teilen praxisnaher und bedeutungsvoller communityorientierter Erfahrungen
- 2024 lag der Fokus darauf, die Lücke zwischen Design und Entwicklung, Ideen und Präsentationen sowie Vorstellung und Realität zu verkleinern
- 2025 soll gemeinsam mit der Community das Potenzial von Design-Tools weiter ausgebaut werden
1 Kommentare
Dieses Mal habe ich bei der Vorbereitung von GeekNight die Designarbeit mit Figma erledigt.
Selbst wenn man nur aus dem Augenwinkel zuschaut, ist es wirklich erstaunlich komfortabel.
Ich denke, nicht nur Designer, sondern auch Entwickler sollten es ausprobieren und ihre Arbeitsweise kennenlernen.