Marketing- und Kundenbindungsteams stehen unter Druck, immer schneller zu agieren – Kampagnen über verschiedene Kanäle zu starten, während gleichzeitig jeder Kontaktpunkt markenkonform bleibt. Für das in Istanbul ansässige Unternehmen Insider One, eine Kundenbindungsplattform, der über 2.000 Enterprise-Marken vertrauen, bedeutete dies, das Konzept der Kampagnenerstellung neu zu überdenken.

Traditionell verließen sich Teams auf Vorlagen und manuelle Bearbeitung im visuellen Editor von Insider One. Jedoch wuchsen mit den steigenden Erwartungen der Kundschaft auch die Anforderungen an Flexibilität und Geschwindigkeit. Durch die Integration in den MCP-Server von Figma ermöglicht Insider One einen neuen Workflow: Figma Design-Dateien werden sofort in voll funktionsfähige Kampagnen umgewandelt – unterstützt von KI und für die Skalierung entwickelt.

Die Herausforderung: eine Balance zwischen Geschwindigkeit und Markenkonsistenz

Die Plattform von Insider One ist darauf ausgelegt, Marketing- und Kundenerfahrungsteams bei der Erstellung und Bereitstellung personalisierter Erlebnisse zu unterstützen – RCS, E-Mails, Push-Benachrichtigungen, Gamifizierung und mehr. Im Zentrum dieses Workflows steht ein visueller Editor, der es Teams ermöglicht, Kampagnen zu entwerfen und zu starten, ohne coden zu müssen.

Obwohl er sehr leistungsstark ist, erforderte dieser Ansatz auch Kompromisse. Die meisten Kund*innen begannen mit vorgefertigten Vorlagen – saisonale Kampagnen wie zum Beispiel Black Friday oder Neujahrspromotionen – und passten sie an ihre Marke an. Das funktionierte gut in Bezug auf die Geschwindigkeit, führte jedoch zu Einschränkungen. Vorlagen schränkten die Kreativität ein und ihre Anpassung an Markenvorgaben erforderte oft manuellen Aufwand. Für Teams mit starken Designsystemen könnte die Neuerstellung von Designs im visuellen Editor wie eine doppelte Arbeit erscheinen.

Gleichzeitig war die Zusammenarbeit zwischen Design- und Marketingteams nicht immer reibungslos. Designer*innen arbeiteten mit Tools wie Figma, während Marketer Kampagnen in Insider One ausführten. Diese Lücke zu überbrücken, bedeutete, statische Designs in lebendige Erlebnisse zu übersetzen – oft manuell.

„Unsere Kund*innen standen ständig vor der Herausforderung, Geschwindigkeit mit Qualität in Einklang zu bringen.“ Vorlagen halfen ihnen, sich schnell zu bewegen, jedoch oft auf Kosten von Kreativität und Markengenauigkeit. „Wir wussten, dass es einen besseren Weg geben musste, um den Teams sowohl Flexibilität als auch Kontrolle zu bieten, ohne mehr manuelle Arbeit hinzuzufügen“, sagt Gülizar Sarı, Sr. Product Manager.

Als die Kampagne an Geschwindigkeit zunahm, sah Insider One eine Geschäftsgelegenheit: der Kundschaft zu helfen, schneller zu handeln und frei zu gestalten, ohne Kompromisse bei der Markenqualität oder Designtreue einzugehen.

Die Lösung: Figma-Designs mit Kampagnen über MCP verbinden

Um dies zu lösen, hat Insider One den MCP-Server von Figma in seinen brandneuen Design Agent integriert – eine Möglichkeit für KI-Systeme, strukturierte Entwurfsdaten zu verstehen und darauf zu reagieren.

Anstatt sich auf Vorlagen zu verlassen, können Kund*innen jetzt ihre eigenen Designs direkt über einen Figma-Link in Insider One einbringen.

„Design Agent beschleunigt wirklich, wie wir Pop-ups erstellen“, sagt Thu Đỗ, Sprecher für Insider, einem Kunden von FSCHOOL. „Die KI entwickelt kreative Ideen, die großartig aussehen und tatsächlich Sinn ergeben. Es ist auch sehr einfach zu bedienen, sodass selbst neue Benutzer*innen ohne Schwierigkeiten loslegen können. Darüber hinaus kann KI subtile Animationen und Effekte generieren, die sich wirklich markengerecht anfühlen – was unsere PSL für fortgeschrittenere Anwendungsfälle mit Regelanpassung spart, anstatt sie nur für Designanpassungen einzusetzen.“

Mit MCP kann die Plattform von Insider One Figma-Dateien über die reinen visuellen Aspekte hinaus interpretieren. Es versteht die Struktur eines Designs und identifiziert Elemente wie Text, Bilder, Schaltflächen und Layouts. Dieses strukturierte Verständnis ermöglicht es der KI, etwas grundlegend Neues zu tun: Entwürfe automatisch in funktionale Kampagnen zu verwandeln.

Unter der Haube übersetzt dieser Workflow Figma-Designs in strukturierte, maschinenlesbare Daten. Wenn Benutzer*innen einen Figma-Link bereitstellen, verwendet Insider One den MCP-Server von Figma, um eine detaillierte Darstellung der Datei zu extrahieren. Dabei werden die Hierarchie der Elemente, gemeinsame Stile und Layout-Eigenschaften erfasst. Dies umfasst alles von Typografie und Farben bis hin zu Abständen und Positionierung. Alles wird als strukturierte Daten anstelle von Pixeln abgebildet.

Diese Daten werden dann serverseitig angereichert, wobei Layout- und Stilinformationen in CSS umgewandelt werden. Gleichzeitig werden Bild-Assets über die APIs von Figma abgerufen, wodurch sichergestellt wird, dass alles von eingebetteten Bildern bis hin zu komplexen Vektorgrafiken exakt wiedergegeben wird. Die KI arbeitet in einer kontrollierten Abfolge – sie sammelt zuerst alle Entwurfsdaten und generiert dann das Ergebnis –, sodass nichts dem Zufall überlassen wird.

Das Ergebnis ist HTML, CSS und JavaScript in Produktionsqualität, das direkt auf die ursprüngliche Figma-Datei zurückgeführt werden kann. Jedes Detail wird bewahrt, von den exakten Pixelwerten bis hin zum wörtlichen Text, um vollständige visuelle Treue zu gewährleisten. Designs werden nicht angenähert oder nachgebildet – sie werden übersetzt.

Für Marketer ändert dies den Ausgangspunkt. Anstatt mit einer Vorlage zu beginnen, starten sie mit ihrem eigenen Designsystem. Eine in Figma gestaltete Kampagne kann importiert, angepasst und gestartet werden, ohne dass sie im visuellen Editor manuell neu aufgebaut werden muss.

„Indem wir den Figma-MCP-Server direkt in unseren Workflow integrieren, verlangen wir nicht mehr von den Teams, etwas bereits Bestehendes neu zu erstellen. Figma wird zum Ausgangspunkt und unsere Plattform verwandelt diese Designs sofort in voll funktionsfähige Kampagnen – jedes Detail bleibt erhalten, während die Reibung beseitigt wird“, sagt Gülizar.

KI spielt eine Schlüsselrolle in diesem Workflow. Sobald ein Design verbunden ist, können Teams Folgendes tun:

• Kampagnenvariationen generieren (z.B. saisonale Versionen oder A/B-Tests)
• Nachrichten anpassen und dabei Layout und Struktur beibehalten
• Inhalte schnell skaliert lokalisieren oder personalisieren

Der visuelle Editor spielt immer noch eine Rolle – er wird jedoch zu einem Ort der Verfeinerung, nicht der Neuschöpfung.

Diese Integration verbindet effektiv drei Ebenen:

• Design (Figma): wo Marke und Layout definiert werden
• KI (über MCP): die das Design versteht und transformiert
• Ausführung (Insider One): wo Kampagnen gestartet und optimiert werden

Das Ergebnis ist ein nahtloserer Workflow zwischen Design und Marketing – ermöglicht durch einen gemeinsamen Kontext.

Das Ergebnis: eine schnellere Kampagnenerstellung mit Designs, die markenkonform bleiben

Durch die Integration des MCP-Servers von Figma ist InsiderOne von einem vorlagenbasierten Modell zu einem designgetriebenen übergegangen. Für die Kundschaft ist die Auswirkung sofort spürbar.

Die Erstellung von Kampagnen ist erheblich schneller. Anstatt Designs von Grund auf neu zu erstellen oder Vorlagen anzupassen, können Teams mit produktionsfertigen Assets beginnen. Dies reduziert die manuelle Arbeit und verkürzt die Zeit von der Idee bis zum Start.

„Der MCP-Server von Figma hat grundlegend verändert, wie schnell unsere Kundschaft von der Idee zur Ausführung gelangen kann. Was früher Stunden des Wiederaufbaus kostete, kann jetzt in Minuten geschehen, mit Kampagnen, die sofort mit ihrer ursprünglichen Designabsicht übereinstimmen“, sagt Christopher Baldwin, VP Marketing.

Gleichzeitig verbessert sich die Markenkonsistenz. Da Kampagnen auf originalen Figma-Entwürfen basieren, spiegeln sie die visuelle Identität jedes Unternehmens genauer wider. Es besteht ein geringeres Risiko von Inkonsistenzen, die durch manuelle Bearbeitung oder Einschränkungen der Vorlage eingeführt werden.

Die Integration verbessert auch die Zusammenarbeit. Designer*innen und Marketer arbeiten nicht mehr in parallelen Tools mit getrennten Workflows. Figma wird zur gemeinsamen Quelle der Wahrheit, und Insider One wird zur Ausführungsebene – alles verknüpft durch KI.

Vielleicht am wichtigsten ist, dass es neue Möglichkeiten zur Skalierung eröffnet. Mit KI, die die Struktur von Designs versteht, können Teams Kampagnen leichter generieren und iterieren. Hierzu gehört: Varianten testen, Inhalte lokalisieren und Erlebnisse personalisieren, ohne jedes Mal von vorne beginnen zu müssen.

Was früher ein manueller, vorlagenbasierter Prozess war, wird zu einem flexiblen, intelligenten System – eines, das sich an jede Marke anpasst, anstatt Marken zu zwingen, sich ihm anzupassen.

„Es geht um mehr als nur Geschwindigkeit – es geht darum, den vollen Wert des Designs freizuschalten. Mit dem MCP-Server von Figma ermöglichen wir einen Workflow, bei dem Design, KI und Ausführung vollständig verbunden sind, sodass Teams hochwertige, markenkonforme Erlebnisse ohne Kompromisse skalieren können“, sagt Christopher.

Indem Figma und Insider One durch MCP enger zusammengebracht werden, definiert Insider One neu, wie Kampagnen erstellt werden – Teams können schneller arbeiten, die Marke treu bleiben und den vollen Wert ihrer Designs ausschöpfen.