Zu Hauptinhalten gehen

Forrester analysiert den ROI des Dev Mode

Andrew HoganHead of Insights, Figma
Abstrakte Grafik mit geometrischen Formen in kräftigen Farben. Ein großer lilafarbener Viertelkreis und konzentrische Ringe erscheinen links, ein rotes Quadrat mit einer lavendelfarbenen Zahl „2“ befindet sich oben in der Mitte, und eine vertikale gelbe Linie verbindet kreisförmige und quadratische Knotenpunkte. Der Hintergrund besteht aus dunkelgrünen, schwarzen, roten und violetten Rechtecken, überlagert von zusätzlichen Formen in Blau und Kastanienbraun.Abstrakte Grafik mit geometrischen Formen in kräftigen Farben. Ein großer lilafarbener Viertelkreis und konzentrische Ringe erscheinen links, ein rotes Quadrat mit einer lavendelfarbenen Zahl „2“ befindet sich oben in der Mitte, und eine vertikale gelbe Linie verbindet kreisförmige und quadratische Knotenpunkte. Der Hintergrund besteht aus dunkelgrünen, schwarzen, roten und violetten Rechtecken, überlagert von zusätzlichen Formen in Blau und Kastanienbraun.

Für Entwickler*innen bedeutet effizienteres Arbeiten nicht nur schneller zu sein, sondern auch Konflikte in ihren Workflows zu verringern. Forrester zeigt uns, wie wir ihnen Zeit und Ärger ersparen können – alles im Sinne der Lieferung besserer Produkte.

Forrester analysiert den ROI des Dev Mode teilen

Teams von heute wissen, dass es nicht genug ist, wenn ein Produkt einfach nur funktioniert – jedes Detail zählt. Das bedeutet, dynamische Erlebnisse zu schaffen, die sich durch reibungslose Mikro-Interaktionen, flüssige Leistung und plattformübergreifende Konsistenz auszeichnen. Dieses Maß an Handwerkskunst ist für Entwickler*innen ebenso wichtig wie für Designer*innen. Doch noch bevor ein*e Entwickler*in auch nur eine einzige Zeile Code schreibt, muss er bzw. sie die Informationsquelle finden und sich mit seinen bzw. ihren Mitarbeiter*innen absprechen, um die Designabsicht zu verstehen, zusätzlich zum Umgang mit schwierigen Implementierungen. Deshalb haben wir den Dev Mode entwickelt – um Entwickler*innen zu helfen, schneller und effizienter zu arbeiten, ohne das zu ändern, was für sie funktioniert.

Forrester interviewte vier Entscheidungsträger*innen, deren Teams den Dev Mode verwenden. Sie sammelten Insights von diesen Interviewten und erstellten eine fiktive Organisation mit 100–1.000 Designer*innen und Entwickler*innen.

Zwei Jahre nach der Einführung des Dev Mode wollten wir besser verstehen, wie wir dieses Ziel erreichen. Deshalb haben wir Forrester Consulting beauftragt, die ihre Total Economic Impact Methodology angewandt haben, um es uns zu zeigen. Ihre Ergebnisse bestätigen die häufigsten Herausforderungen, die wir mit Dev Mode verbessern wollten – ineffiziente Übergabeprozesse und redundante Arbeit – und zeigen, wie Teams das Tool nutzen, um Effizienz und Markteinführungszeit zu verbessern.

Text mit der Aufschrift „10 Mio. $“ in limettengrüner Schrift auf einem dunkelgrünen Hintergrund.Text mit der Aufschrift „10 Mio. $“ in limettengrüner Schrift auf einem dunkelgrünen Hintergrund.

Der Betrag, den Forrester als Zeitersparnis durch die Effizienzsteigerung der Entwickler*innen über einen Zeitraum von drei Jahren schätzt.

Ihre Ergebnisse quantifizieren die Auswirkungen – sie schätzen eine Steigerung der Entwicklerproduktivität um 20–30 % und wöchentliche Zeiteinsparungen von mehr als 90 Minuten pro Entwickler*in, der bzw. die den Dev Mode nutzt – betonen jedoch auch die schwieriger messbaren Faktoren. Heute betrachten viele Designer*innen und Entwickler*innen die Systeme und Prozesse, die ihre Arbeit unterstützen, aus einer handwerklich orientierten Perspektive. Der Fokus auf das Wie hebt das Was hervor. Sie könnten kritisch über allgemeine Methoden nachdenken, beispielsweise darüber, wie ihr Team KI integriert, alte Workflows neu gestaltet oder neue Tools wie Dev Mode einsetzt. Die Forrester-Studie hilft denjenigen, die versuchen, Änderungen bei Prozessen oder Tools zu rechtfertigen, zu verstehen, was dies für sie bedeutet. Hier teilen wir die Ergebnisse von Forrester darüber, wie Entwickler*innen Kontextwechsel reduziert, Zeit gespart und besser mit ihren Mitarbeiter*innen zusammengearbeitet haben.

Text mit der Aufschrift „2 Mio. $“ in limettengrün auf einem dunkelgrünen Hintergrund.Text mit der Aufschrift „2 Mio. $“ in limettengrün auf einem dunkelgrünen Hintergrund.

Höherer Gewinn, den Forrester bei der Modellierung einer zusammengesetzten Organisation schätzt, und der Vorteil einer schnelleren Markteinführung.

Bunte abstrakte Komposition mit geometrischen Formen und kräftigen Farben. Ein großer violetter Viertelkreis und konzentrische Ringe erscheinen auf der linken Seite, ein rotes Quadrat mit einer violetten Zahl „2“ befindet sich nahe dem oberen Rand und verschiedene abgerundete und blockartige Formen in Rot, Violett und Blau sind über schwarze, grüne und gestreifte Hintergründe gelegt.Bunte abstrakte Komposition mit geometrischen Formen und kräftigen Farben. Ein großer violetter Viertelkreis und konzentrische Ringe erscheinen auf der linken Seite, ein rotes Quadrat mit einer violetten Zahl „2“ befindet sich nahe dem oberen Rand und verschiedene abgerundete und blockartige Formen in Rot, Violett und Blau sind über schwarze, grüne und gestreifte Hintergründe gelegt.

Hier kannst du die Total Economic Impact-Studie von Forrester lesen.

Eine einzige Informationsquelle

Text mit der Aufschrift „98“ in limettengrün auf einem dunkelgrünen Hintergrund.Text mit der Aufschrift „98“ in limettengrün auf einem dunkelgrünen Hintergrund.

Durchschnittlich pro Woche gesparte Minuten, basierend auf einer Umfrage eines Unternehmens mit 200 Entwickler*innen.

Angesichts des Drucks, schneller zu arbeiten und mehr zu liefern, ringen viele Führungskräfte damit, die Produktentwicklung effizienter zu gestalten, ohne dabei Abstriche bei der Qualität zu machen. Forrester hat herausgefunden, dass die Zusammenführung von Teams in einem gemeinsamen Raum einen flüssigeren Workflow fördert und die Markteinführungszeit verkürzt. Tatsächlich berichtete ein Unternehmen, dass es innerhalb von sechs bis acht Monaten von „null Code bis zur Veröffentlichung“ gelangte. „Designer*innen und Entwickler*innen arbeiteten parallel, während beides noch in Bearbeitung war, anstatt den alten Übergabeprozess zu verwenden, der zwei oder drei Jahre hätte dauern können“, sagte der/die Befragte. Ein weiteres Unternehmen befragte 200 seiner Entwickler*innen und stellte durchschnittliche Einsparungen von 98 Minuten pro Woche fest.

Designer*innen und Entwickler*innen arbeiteten parallel, während beides noch in Bearbeitung war, anstatt den alten Übergabeprozess zu [verwenden], der zwei oder drei Jahre hätte dauern können.
Systemdesigner*in, Fitnessbranche

Bisher verloren viele Entwickler*innen Zeit damit, die Designabsicht zu klären oder genaue Spezifikationen zu finden. Der Dev Mode stellt ihnen überprüfbare Designdateien zur Verfügung, sodass sie genau die Assets und Dokumentationen haben, die sie benötigen, ohne sich mit ihren Designkolleg*innen abzustimmen oder in der Dokumentation zu stöbern. Das bedeutet, dass Entwickler*innen, anstatt eine Nachricht an den/die Designer*in zu senden oder auf ein Meeting zu warten, um Details zu besprechen – vorausgesetzt, es gibt überhaupt eine Überlappung der Zeitzonen – sich einfacher selbstständig bedienen und Details direkt aus der Datei abrufen können.

Ein*e Systemdesigner*in in der Fitnessbranche sagte: „Dev Mode ermöglicht es Entwickler*innen, autarker zu arbeiten.“ Anstatt ständig Designer*innen klärende Fragen zu stellen, können sie Variablen, Spezifikationen und Code-Schnipsel in Figma direkt sehen. Das spart ihnen Zeit und macht zusätzliche Besprechungen oder [Messaging]-Threads zur Klärung von Designs überflüssig. Entwickler*innen können sich auf die Entwicklung konzentrieren, anstatt Zeit mit manuellen Anmerkungen oder endlosen Diskussionen zu verbringen.

Die Reduzierung manueller Arbeit und mentaler Belastung verbessert letztendlich die Entwicklererfahrung insgesamt. Am ermutigendsten ist vielleicht, dass ein*e Entwickler*in Dev Mode als unverzichtbar bezeichnete und sagte: „Das kann man mir nicht wegnehmen. Ohne das kann ich nicht arbeiten.“

Straffere Entwicklungs-Workflows

Seit Forrester diese Untersuchung durchgeführt hat, haben wir den Figma MCP-Server eingeführt, der designorientierten Code in Echtzeit direkt in KI-unterstützte Entwicklungsumgebungen einfließen lässt. Der Server erweitert die zentrale Informationsquelle von Dev Mode, sodass Entwickler*innen präzise Assets, Spezifikationen und Komponenten abrufen können, ohne ihren Editor zu verlassen.

Heute finden sich Entwickler*innen in Meetings wieder, beantworten Slack-Nachrichten und wechseln zwischen verschiedenen Tools hin und her. Forrester hat festgestellt, dass die Verbindung von Dev Mode mit den Tools, die Entwickler*innen bereits in ihren täglichen Workflows verwenden, einen großen Einfluss auf die Reduzierung des Kontextwechsels hat. Zum Beispiel ermöglicht die Figma für Jira-Integration, die Tickets in Jira direkt mit dem Dev Mode verknüpft, es Entwickler*innen, den Status eines Projekts zu aktualisieren und Kommentare zu hinterlassen, ohne ihren Flow zu unterbrechen.

Code Connect bietet Entwickler*innen Zugang zu produktionsreifem Code, sodass sie nicht zwischen verschiedenen Informationsquellen wechseln müssen, um das zu finden, was sie brauchen. Wie ein*e Befragte*r sagte: „Code Connect ist eine wertvolle Ressourcen für Entwickler*innen, da es Ihnen ermöglicht, Code schnell zu finden und abzurufen, anstatt die Dokumentation des Designsystems zu lesen und dann zu unserem internen GitHub-[Repository] navigieren zu müssen, um die Komponente zu finden. Die Komponente wird Ihnen angezeigt, und Code Connect verfügt sogar über eine VS-Code-Integration, sodass Entwickler*innen nicht einmal ihre IDEs verlassen müssen.“

Abstraktes Bild, bestehend aus sich überlappenden geometrischen Rechtecken in Magenta, Grün und Blau. Dicke schwarze diagonale Linien kreuzen alle Abschnitte und bilden so schräge Muster in der gesamten Komposition.Abstraktes Bild, bestehend aus sich überlappenden geometrischen Rechtecken in Magenta, Grün und Blau. Dicke schwarze diagonale Linien kreuzen alle Abschnitte und bilden so schräge Muster in der gesamten Komposition.

Führungskräfte von Bumble, GitHub und HP berichten, wie sie das volle Potenzial von Code Connect ausschöpfen.

Text mit der Aufschrift „4 Mio $“ in limettengrün auf einem dunkelgrünen Hintergrund.Text mit der Aufschrift „4 Mio $“ in limettengrün auf einem dunkelgrünen Hintergrund.

Der Betrag, den eine Organisation als „Wiederverwendungswert“ ermittelt hat, nachdem das Designsystem durch Dev Mode benutzerfreundlicher gestaltet wurde.

Außerdem ist Code Connect der Schlüssel zur Bewältigung einer der größten Herausforderungen bei Designsystemen: die Förderung von Akzeptanz. Designsysteme beschleunigen die Entwicklung, verbessern die Barrierefreiheit und führen zu pflegeleichteren und einheitlicheren Produkten. Daher suchen Designverantwortliche stets nach Möglichkeiten, deren Nutzung zu fördern. Forrester fand heraus, dass eine Organisation einen „Wiederverwendungswert“ von 4 Millionen US-Dollar gemessen hat, wobei im Jahr 2025 über 10 Millionen US-Dollar erwartet werden. Das wurde alles dadurch erreicht, dass das Designsystem mit Dev Mode einfacher zu nutzen ist. Qualitätssicherungstester*innen verzeichneten ebenfalls Zeitersparnisse und Produktivitätszuwächse, weil Dev Mode die Verwendung von genehmigtem Code förderte. „Wir haben bei den Tests Einsparungen von durchschnittlich 85 bis 90 % festgestellt“, sagte ein Chief Design Officer einer Finanzdienstleistungsorganisation. „Das hat die Bereitstellung von Funktionen und Fähigkeiten erheblich beschleunigt.“

Eine Brücke zwischen Design und Entwicklung

Der Produktentwicklungsprozess ist nicht mehr durch eine lineare Übergabe vom Design zur Entwicklung definiert, sondern durch einen eher iterativen und flüssigen Workflow. Dies wird durch die Auswirkungen von generativer KI verstärkt, mit der Designer*innen Ideen prototypisieren und Entwickler*innen Entwürfe ausarbeiten. Da sich diese Workflows weiterentwickeln, ist es für Designer*innen und Entwickler*innen wichtiger denn je, die Arbeit des jeweils anderen zu verstehen. Durch die Transparenz, die Designer*innen hinsichtlich der Umsetzung ihrer Arbeit in Code erhalten, hilft Dev Mode ihnen laut Forrester dabei, zu verstehen, wie sie Designs für eine effiziente Entwicklungsarbeit strukturieren und kommentieren können. Außerdem sind wir der Auffassung, dass dieses gemeinsame Verständnis ihre Bemühungen unterstützt, den Prozess des Designs und der Entwicklung selbst zu gestalten.

Allgemeiner betrachtet, stellte Forrester fest, dass Dev Mode diesen Prozess messbar beschleunigte und zu Umsatzauswirkungen führte, wobei die nicht messbaren Auswirkungen möglicherweise sogar noch wichtiger waren. Bei den befragten Unternehmen wurde die Beziehung zwischen Design und Entwicklung als „uneingeschränkt gemeinsame Anstrengung“ beschrieben und „die Diskussionen sind jetzt viel klarer, weil sie zusammenkommen und zusammenarbeiten können.“

Angesichts der sich ständig verändernden Rahmenbedingungen mit wechselnden Herausforderungen, Wettbewerbsdruck und neuen Tools, mit denen sich Führungskräfte konfrontiert sehen, wird diese Grundlage für eine bessere Zusammenarbeit Teams zum Erfolg verhelfen, ganz gleich was die Zukunft bringt.

Du findest alle Ergebnisse aus der Total Economic Impact-Studie von Forrester hier.

Mit Figma kreativ sein und zusammenarbeiten

Kostenlos loslegen