DB Podcast

Config 2024:  Figma bringt neue Features für Design und Produktentwicklung

Verantwortliche:r Redakteur:in: Stefan Girschner 5 min Lesedauer

Anbieter zum Thema

Die Web-Design-Plattform Figma hat auf diesjährigen User-Konferenz Config neue Produkte und Features für den vereinfachten Softwareentwicklungs-Prozess angekündigt. Hierzu gehören neue KI-Design-Funktionen, Dev-Mode-Workflows für eine höhere Effizienz und Slides.

(Bild:  Figma)
(Bild: Figma)

Vor 10.000 Produktentwicklern und Designern hat Dylan Field, CEO und Mitgründer von Figma, auf der User-Konferenz Config 2024 neue Funktionen und eine neu gestaltete Benutzeroberfläche angekündigt. Die vorgestellten Features der Design-Plattform sind seit 26. Juni verfügbar und unterstützen Teams dabei, hochwertige Software zu entwerfen und zu entwickeln. 

Dyan Field erklärte auf der Konferenz: „In einer Welt, in der immer mehr Software aufgrund von KI entwickelt und neu erdacht wird, ist das Entwerfen und Erstellen von Produkten jedermanns Sache. Von KI-Tools, die professionelle Designer unterstützen, bis zu Entwickler-Tools, die eine Verbindung zwischen Design und Code schaffen, möchte der Anbieter es Teams ermöglichen, von der Idee über den ersten Entwurf bis zum fertigen Produkt alles an einem Ort zu entwerfen und entwickeln." 

Figma: Vom Design-Tool zur Produktentwicklungs-Plattform

Dylan Field, CEO und Mitgründer von Figma, präsentierte auf der User-Konferenz Config 2024 neue Features für die Design-Plattform.(Bild:  Figma)
Dylan Field, CEO und Mitgründer von Figma, präsentierte auf der User-Konferenz Config 2024 neue Features für die Design-Plattform.
(Bild: Figma)

Figma hat sich seit der Gründung 2012 mit einem Produktdesign-Tool erweitert, um auch andere Prozesse des Produktentwicklungszyklus abzubilden und alle Beteiligten einzubinden. Zwei Drittel der Nutzer sind keine Designer. Im Jahr 2021 führte Figma FigJam ein, ein Online-Whiteboarding-Tool, in dem Teams gemeinsam brainstormen können. 2023 führe das Unternehmen Dev Mode auf den Markt, einen dedizierten Arbeitsbereich, in dem Designer und Entwickler gemeinsam und effizient Designs in Code umsetzen können.

Die neuen KI-Funktionen, Entwickler-Tools, das neue Produkt Figma Slides und die neue Benutzeroberfläche markieren einen weiteren Schritt in der Entwicklung des Unternehmens vom Design-Tool zur Produktentwicklungs-Plattform. Weltweit nutzen heute Unternehmen verschiedenster Branchen die Plattform, um Software und andere digitale Produkte zu brainstormen, zu entwerfen und zu entwickeln, darunter Tech-Giganten wie Google und globale Automobilhersteller wie Volkswagen.

Die Bedeutung von Software steigt kontinuierlich

Immer mehr Unternehmen überdenken ihre digitale Präsenz. Laut dem Marktforschungshaus Gartner werden die Investitionen für Software dieses Jahr voraussichtlich über eine Billion US-Dollar erreichen. Das entspricht einem Anstieg von 13,9 Prozent im Jahresvergleich und verdeutlicht die zunehmende Bedeutung von Software. Figma konzentriert sich laut Field darauf, „eine End-to-End-Produktentwicklungs-Plattform für eine neue Ära der Softwareentwicklung zu schaffen, mit Werkzeugen für jede Person und jeden Teil dieses Prozesses..

Figma bringt neue KI-Funktionen für ihre Plattform

Figma
Figma AI soll die Arbeitsabläufe von Designern beschleunigen.
(Bild: Figma)

Die ersten eigenen KI-Funktionen für das Design-Tool, Figma AI, sollen die Arbeitsabläufe von Designern beschleunigen und gleichzeitig professionelles Design weiter verbessern. Die neuen Funktionen ermöglichen es, Designentwürfe unkompliziert per Aufforderung zu erstellen, sodass Designer ihre Ideen auf Anhieb in verschiedenen Darstellungen visualisieren können. Außerdem können Nutzer ihre Designs mit Funktionen zum Umschreiben, Bearbeiten und Ersetzen von Texten und Bildern ergänzen oder präzisieren. Schnelles Prototyping und Iteration werden durch KI-gestützte Prototypen, Ebenenorganisation und visuelle Suche ermöglicht. Die neuen KI-Funktionen im Überblick:

  • Designerstellung: Erstellung von mobilen und Web-UI-Mockups in verschiedenen Stilen und Layouts über eine Texteingabe. 

  • Visuelle Suchfunktion: Browser-Funktion, um die Arbeiten des Teams mithilfe eines Rahmens, Bildes oder Screenshots zu durchsuchen, um genau das gesuchte Design zu finden, oder um sich von Lösungen der Teamkollegen für die gleiche Problemstellung inspirieren zu lassen. 

  • Ebenenorganisation: Kontext-bezogene Umbenennung und Anordnung aller Ebenen einer Datei mit einem Klick.

  • KI-gestützte Prototypen: Umwandlung von statischen Entwürfen in funktionierende Prototypen, ohne dabei manuell alle Schritte durchführen zu müssen.

  • Automatisierung lästiger Aufgaben: KI-Features zum Hinzufügen von realistischen Texten, zur Übersetzung, Anpassung des Tones, zur Bilderstellung und zum Entfernen von Bildhintergründen– alles innerhalb von Figma.  

    Jetzt Newsletter abonnieren

    Verpassen Sie nicht unsere besten Inhalte

    Mit Klick auf „Newsletter abonnieren“ erkläre ich mich mit der Verarbeitung und Nutzung meiner Daten gemäß Einwilligungserklärung (bitte aufklappen für Details) einverstanden und akzeptiere die Nutzungsbedingungen. Weitere Informationen finde ich in unserer Datenschutzerklärung. Die Einwilligungserklärung bezieht sich u. a. auf die Zusendung von redaktionellen Newslettern per E-Mail und auf den Datenabgleich zu Marketingzwecken mit ausgewählten Werbepartnern (z. B. LinkedIn, Google, Meta).

    Aufklappen für Details zu Ihrer Einwilligung

Neuerungen im Entwicklermodus Dev-Mode

Figma
Mit Code Connect können Codes aus unterstützten UI-Kits verlinkt werden.
(Bild: Figma)

Gelauncht wurde der Entwicklermodus Dev Mode auf der Config 2023 als Arbeitsbereich innerhalb von Figma, um die Lücke zwischen Design und Code zu schließen. Hier können Designs effizient in codierte Produkte übersetzt werden. Mit den neuen Funktionen im Dev Mode rückt Design noch enger an Code und die Transparenz zwischen Design- und Entwicklungs-Workflows wird weiter gesteigert. Mit dem neuen Code Connect können Codes aus Design-Systemen oder unterstützten UI-Kits verlinkt werden, was Entwickler dabei unterstützt, Designs noch effizienter in Code zu übersetzen. Die neuen Entwickler-Tools im Überblick:

  • Verbesserte Arbeitsabläufe: Eine neue Ansicht "Bereit zur Entwicklung" mit verbessertem Designstatus, Benachrichtigungen über Änderungen sowie eine Fokusansicht zur Inspektion. 

  • Code Connect: Anzeige des Komponentencode aus dem Designsystem oder einem unterstützen UI-Kit, statt der Verwendung von automatisch generiertem Code. Dies ermöglicht die effiziente Implementierung des korrekten Codes.

Mit Slides gemeinsam interaktive Präsentationen erstellen

Figma
Figma Slides bietet kollaborative Präsentationstools für Storytelling und Engagement.
(Bild: Figma)

Figma Slides ist ein neues Produkt für professionelle Designer und ihre Teams, um interaktive Präsentationen gemeinsam zu erstellen und abzuhalten. Figma Slides kombiniert die Designkraft des Programms mit kollaborativen Präsentationstools für Storytelling und Engagement. Für viele Designer ist Figma aufgrund seiner Kollaborationsfunktionen, leistungsstarken Designwerkzeuge und der Möglichkeit, funktionierende Prototypen einzubetten, das bevorzugte Präsentationstool. Im vergangenen Jahr wurden etwa 3,5 Millionen Präsentationsdateien in Figma entworfen. Figma Slides ist speziell für Präsentationen entwickelt, sodass jeder ansprechend gestaltete Präsentationen erstellen, bauen und präsentieren kann – wie ein professioneller Designer. Die Features von Slides im Überblick:

  • Design für alle Fähigkeitsniveaus: Die Leistungsfähigkeit und Präzision von Figma trifft auf benutzerfreundliche Folienfunktionen für Designer und ihre Teams. In Slides können Figma-Designs und -Prototypen ohne Detailverlust importiert werden, alle Design-Stile eines Unternehmens sind mit angepassten Vorlagen nutzbar. Ist der Design Modus aktiviert, können auch die Designwerkzeuge in Slides verwendet werden. 

  • Gemeinschaftliches Entwerfen und Präsentieren: Mit den beliebten Kollaborationsfunktionen wie Kommentare, Chats, Audio, einer organisierten Rasteransicht und gemeinsamen Präsentationssteuerungen entstehen Präsentationen so reibungslos, wie sie aussehen.

  • KI-gestützte Assistenz: Mit Hilfe von KI kann die Tonalität angepasst, Texte umgeschrieben oder gekürzt und Bilder erstellt und bearbeitet werden – alles an einem Ort.

  • Von der Präsentation zur Konversation: Statt eindimensionaler Präsentationen können Gespräche, die das Publikum einbeziehen, aufgesetzt werden. So können Fragen und Rückmeldungen erfasst werden, um die Arbeit weiter voranzubringen.

Figma mit neuer Benutzeroberfläche

 Ab sofort verfügt Figma über eine noch modernere, zugänglichere und flexiblere Benutzeroberfläche, die alle Arbeitsbereiche für Design und Entwicklung abdeckt. Dies umfasst eine neue Symbolleiste, die einen einfachen Zugang zu Figma AI und anderen Werkzeugen bietet, dabei die Benutzererfahrung vereinfacht und die Grundlage für einen durchgängigen Produktentwicklungs-Workflow legt. Die Neuerungen im Überblick:

  • Eine zugänglichere Benutzeroberfläche: Verbesserungen der Benutzerfreundlichkeit wie klarere Icons, optionale Beschriftungen im Eigenschaftenfeld und abgerundete Ecken sorgen für ein leichteres Scannen und für einen nochmals vereinfachten Zugang- für Neulinge und für erfahrene Designer. 

  • Neu organisiert für Ergonomie: Skalierbare Panels machen die Arbeitsfläche anpassbarer. Die Panels können minimiert werden, um Benutzeroberfläche zu verstecken und die Arbeitsfläche beim Design zu vergrößern oder erweitert werden, um mehr Platz beim Anpassen der Eigenschaften zu haben.

  • Vereinfachter Zugang zu KI und anderen Werkzeugen: Ab sofort verfügbar: Ein neuer Einstiegspunkt und ein Shortcut zu neuen Funktionen wie KI und bestehenden Funktionen in der neuen Symbolleiste am unteren Rand der Arbeitsfläche.