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)
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)
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 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.
Stand: 16.12.2025
Es ist für uns eine Selbstverständlichkeit, dass wir verantwortungsvoll mit Ihren personenbezogenen Daten umgehen. Sofern wir personenbezogene Daten von Ihnen erheben, verarbeiten wir diese unter Beachtung der geltenden Datenschutzvorschriften. Detaillierte Informationen finden Sie in unserer Datenschutzerklärung.
Einwilligung in die Verwendung von Daten zu Werbezwecken
Ich bin damit einverstanden, dass die WIN-Verlag GmbH & Co. KG, Chiemgaustraße 148, 81549 München einschließlich aller mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen (im weiteren: Vogel Communications Group) meine E-Mail-Adresse für die Zusendung von redaktionellen Newslettern nutzt. Auflistungen der jeweils zugehörigen Unternehmen können hier abgerufen werden.
Der Newsletterinhalt erstreckt sich dabei auf Produkte und Dienstleistungen aller zuvor genannten Unternehmen, darunter beispielsweise Fachzeitschriften und Fachbücher, Veranstaltungen und Messen sowie veranstaltungsbezogene Produkte und Dienstleistungen, Print- und Digital-Mediaangebote und Services wie weitere (redaktionelle) Newsletter, Gewinnspiele, Lead-Kampagnen, Marktforschung im Online- und Offline-Bereich, fachspezifische Webportale und E-Learning-Angebote. Wenn auch meine persönliche Telefonnummer erhoben wurde, darf diese für die Unterbreitung von Angeboten der vorgenannten Produkte und Dienstleistungen der vorgenannten Unternehmen und Marktforschung genutzt werden.
Meine Einwilligung umfasst zudem die Verarbeitung meiner E-Mail-Adresse und Telefonnummer für den Datenabgleich zu Marketingzwecken mit ausgewählten Werbepartnern wie z.B. LinkedIN, Google und Meta. Hierfür darf die Vogel Communications Group die genannten Daten gehasht an Werbepartner übermitteln, die diese Daten dann nutzen, um feststellen zu können, ob ich ebenfalls Mitglied auf den besagten Werbepartnerportalen bin. Die Vogel Communications Group nutzt diese Funktion zu Zwecken des Retargeting (Upselling, Crossselling und Kundenbindung), der Generierung von sog. Lookalike Audiences zur Neukundengewinnung und als Ausschlussgrundlage für laufende Werbekampagnen. Weitere Informationen kann ich dem Abschnitt „Datenabgleich zu Marketingzwecken“ in der Datenschutzerklärung entnehmen.
Falls ich im Internet auf Portalen der Vogel Communications Group einschließlich deren mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen geschützte Inhalte abrufe, muss ich mich mit weiteren Daten für den Zugang zu diesen Inhalten registrieren. Im Gegenzug für diesen gebührenlosen Zugang zu redaktionellen Inhalten dürfen meine Daten im Sinne dieser Einwilligung für die hier genannten Zwecke verwendet werden.
Recht auf Widerruf
Mir ist bewusst, dass ich diese Einwilligung jederzeit für die Zukunft widerrufen kann. Durch meinen Widerruf wird die Rechtmäßigkeit der aufgrund meiner Einwilligung bis zum Widerruf erfolgten Verarbeitung nicht berührt. Um meinen Widerruf zu erklären, kann ich als eine Möglichkeit das unter https://kontakt.vogel.de/de/win abrufbare Kontaktformular nutzen. Sofern ich einzelne von mir abonnierte Newsletter nicht mehr erhalten möchte, kann ich darüber hinaus auch den am Ende eines Newsletters eingebundenen Abmeldelink anklicken. Weitere Informationen zu meinem Widerrufsrecht und dessen Ausübung sowie zu den Folgen meines Widerrufs finde ich in der Datenschutzerklärung, Abschnitt Redaktionelle Newsletter.
Neuerungen im Entwicklermodus Dev-Mode
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 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.