Harvey: Marketingteam lässt Agenten Designprojekte in Figma von A bis Z abwickeln

Launch-Film komplett in Figma gebaut

Laut Harvey entstand der Launch-Film für Harvey Artifacts vollständig mit Agenten in Figma. Der Agent baute jede Szene als Figma-Motion-Frame und setzte jede Kamerabewegung, jeden UI-Zustand und jede Textzeile als Keyframes auf die Timeline. Anschließend exportierte er die Schnitte direkt aus der Datei.

Am Anfang stand ein Storyboard, das die Autoren mit einem PRD in der Softwareentwicklung vergleichen: Es liegt zwischen Creative Brief und Produktion, sodass jede Einstellung, jede Zeile und jeder Übergang vorab feststeht. Das Team prüft direkt auf dem Canvas, teils mit 50 Kommentaren auf einmal. Nach jeder Runde überarbeitet der Agent das Board und fragt, welche Anmerkungen zu Regeln werden sollen.

Auch die Musik übernahm der Agent. Das Team markierte, wo der Beat einsetzen soll, und der Agent passte das Timing jeder Szene an den Track an. Als das Ende nicht überzeugte, schnitt er den Track, bearbeitete ihn per EQ, ergänzte Sounddesign und schlug vier oder fünf Varianten für den Ausklang vor.

Maßgeschneiderte Demos für Hunderte Accounts

Um die Skalierung zu testen, wählte Harvey ein Vertriebsproblem: einen individuellen Produktfilm für jeden der Hunderte Accounts, die das Unternehmen gewinnen will. Frühe Prompts lieferten "halbwegs brauchbare" Ergebnisse, und jeder Film wurde in 15 bis 20 Minuten Hin und Her geformt. Das ließ sich nicht skalieren, daher baute das Team in Figma ein zweiteiliges Fundament.

• Product Map: Agenten durchsuchten die gesamte App, klickten jeden Button an und bauten alle wichtigen Screens als Komponenten nach.
• Motion Primitives: eine Bibliothek animierter Bausteine, von Kameraschüben und Screen-Übergaben bis zu einem gleichmäßigen Klickrhythmus, dazu Produktbewegungen wie Redlines, die in einem Dokument erscheinen.

Beide Bibliotheken sind in Harveys Figma-Organisation veröffentlicht, sodass eine Korrektur an einer Komponente in jedem Film ankommt, der sie nutzt. Darauf aufbauend entwickelte das Team ein Menü aus 44 unternehmensunabhängigen Demo-Abläufen in 13 Kategorien, die jeweils auf einen Moment zugeschnitten sind, den Käufer sehen wollen.

Für jeden Account bündeln Agenten über den MCP von Enterpret Gong-Calls, Salesforce-Win-Loss-Berichte und Slack. Ein Agent schreibt das Skript, zeigt ein fiktives Unternehmen auf dem Bildschirm und vertont es mit der Sprecherin Ashleigh Whittaker. Harvey hat ihre Stimme in ElevenLabs aus zehn Minuten ihres Materials erstellt.

Engine, parallele Lanes und Tracker

Eine Engine mit rund 750 Zeilen JavaScript verwandelt jedes Skript in Figma in einen Film. Jeder Film besteht aus einer kurzen Liste von Beats, die Engine kümmert sich um Kamera, Übergänge, Untertitel, den Klickrhythmus des Mauszeigers und die Endkarte. Außerdem erstellt sie Kontaktbögen und markiert abgeschnittenen Text, zu kleine Schrift und verirrte Mauszeiger, bevor sich jemand den Film ansieht.

Mit der Skalierung kamen praktische Probleme. In einer Figma-Datei kann nur ein Agent gleichzeitig arbeiten, sodass Agenten, die in einer gemeinsamen Datei Schlange standen, Aufrufe auf zwei Minuten verlängerten und Timeouts auslösten. Harvey baute einen Bus für den Parallelbetrieb: drei Lane-Dateien mit je einem eigenen Builder-Agenten sowie einen Koordinator für Export, Mischung und Auslieferung. Ein Batch mit 36 Filmen dauerte 69 Minuten. Nachdem das Team das tägliche Limit für Figma-Aufrufe erreicht hatte, schrieben und vertonten Agenten über Nacht die nächsten 97.

Die Koordination läuft über einen einzigen Tracker, ein Claude-Artifact, das alle Agenten und Personen lesen und beschreiben. Jeder Film hat eine Zeile mit Account, Story, Status und Links.

Markenrichtlinien als Figma-Bibliothek

Harvey behandelt sein Figma wie eine Codebasis. Die Agentic Brand Guidelines fungieren als oberste AGENTS.md, und jeder Projektordner hat eine eigene AGENTS.md-Seite, die nur ergänzt, was nötig ist. Das Unternehmen nennt das Progressive Disclosure: Ein Agent liest erst die Marke, dann das Projekt und danach nur das, was seine Aufgabe erfordert.

Markdown-Dateien funktionierten für Design-Tokens wie Farben und Schrift, so die Autoren, stießen aber bei Aufgaben wie dem Erstellen eines Diagramms oder dem Strukturieren eines langen PDF-Leitfadens an Grenzen. Deshalb wurden die Richtlinien zu einer Figma-Bibliothek, von den Grundlagen bis zu Templates mit ausgearbeiteten Beispielen, sodass Agenten Zusammenhänge sehen, statt über sie zu lesen.

Beim Layout schlug Figma laut Harvey HTML-Canvases. Browser setzen Text in Zeilenboxen, die um Ascent und Descent der Schrift aufgepolstert sind, sodass die Versalhöhe einer Überschrift nie exakt auf einer Rasterlinie sitzt. Figma beschneidet Text auf Versalhöhe und Grundlinie, hängt Satzzeichen aus und hält jedes Raster als Layout bereit, das Agenten anwenden.

Stimme, Bilder und ein Kreativ-Agent in Slack

Jede Voiceover-Zeile stammt von ElevenLabs, das Agenten über dessen MCP aufrufen. Harveys Stimmbibliothek enthält Klone der Sprecherin und von Teammitgliedern, jeweils aus einem kurzen Clip erstellt. Figma Weave, ein Canvas zum Verketten von Bild- und Videomodellen, das jetzt zu Figma gehört, ist über denselben MCP erreichbar. Agenten führen ein Modell oder einen gespeicherten Weave-Workflow aus und platzieren die Ergebnisse direkt in der Datei, geleitet von der Art Direction in den Markenrichtlinien.

Spectre, Harveys interne Agentenplattform, nutzen Entwickler, um Coding-Agenten zu betreiben, und das Vertriebsteam als Datenagenten. Auf das Brand-Repository und die Figma-Dateien angesetzt, wurde daraus ein Kreativ-Agent, der in einem Slack-Kanal arbeitet. Jemand markiert ihn mit einer Anfrage, er erledigt die Arbeit in Figma und antwortet dann mit dem Ergebnis, den vorgenommenen Änderungen und den Entscheidungen, die geprüft werden sollten.

Harvey argumentiert, so sehe Multiplayer-Design heute aus. Die Verantwortlichen aus Produkt, Recht, Vertrieb und Marketing geben Anweisungen in dem Slack-Thread, in dem sie ohnehin arbeiten, während ein Agent die Produktion in Figma übernimmt.