Zur Quelle

Was Sie gestalten und was live geht, sollte dasselbe sein. Hier erfahren Sie, warum das endlich möglich geworden ist.

Zur Quelle

Table of contents

Im Januar 2012 betrat ein Softwaredesigner namens Bret Victor in Montreal eine Bühne und hielt einen Vortrag mit dem Titel „Inventing on Principle". Wenn Sie irgendwo im Umfeld von Design-Tools arbeiten, haben Sie ihn wahrscheinlich schon gesehen. Falls nicht: Schauen Sie ihn sich jetzt an. Versprochen, es lohnt sich.

Victors Argument war täuschend einfach: Schöpfer:innen brauchen eine unmittelbare Verbindung zu dem, was sie erschaffen. Etwas verändern, die Wirkung sehen. Sofort. Er demonstrierte ein Spiel, in dem man den Sprungbogen einer Figur in der Zeit vor- und zurückspulen konnte, während man gleichzeitig den Code bearbeitete, der ihn erzeugte. Er änderte eine Zeile Code und sah zu, wie eine gezeichnete Baumkrone beim Tippen neue Äste austrieb. Ein Raum voller Informatikstudierender saß da und sah zu, wie er beiläufig die Annahme demontierte, Software zu entwickeln müsse sich anfühlen wie Briefe an einen Compiler zu schicken und auf eine Antwort zu hoffen.

Eine der Personen, die dieser Vortrag erreichte, war unser Gründer Vlad Magdalin. Es ist keine Übertreibung zu sagen, dass es Webflow deswegen gibt. Die gesamte Prämisse unseres Unternehmens – dass man das Web gestalten sollte, indem man die Sache selbst direkt bearbeitet, statt Code zu schreiben und den Browser zu aktualisieren – ist Victors Prinzip, angewendet auf das Web.

Umso mehr schmerzte es, als Victor Vlad Jahre später selbst sagte, er glaube nicht, dass Webflow diesem Prinzip treu geblieben sei.

Autsch. Aber hier ist der Punkt: Er hatte recht. Und wir tun etwas dagegen.

Schaufensterbummel

Zeit für den unangenehmen Teil. Wenn Sie je unter die Motorhaube von Webflow geschaut haben (wobei wir fairerweise zugeben müssen, dass wir diese Motorhaube zugeschweißt haben – also kein schlechtes Gewissen, falls nicht), hier ist, was Sie dabei gefunden hätten.

Wenn Sie in Webflow gestalten, bearbeiten Sie nicht wirklich Ihre Website. Sie bearbeiten eine interne Repräsentation davon, eine proprietäre Datenstruktur, die Ihre Website beschreibt und die unsere Systeme anschließend in das HTML, CSS und JavaScript kompilieren, das Browser tatsächlich ausführen. Die Arbeitsfläche, die Sie sehen, ist eine Darstellung dieses internen Formats. Der Code, der letztlich live geht, ist generierte Ausgabe, die Sie nie berühren.

Die Sache, die Sie erschaffen, und die Sache, die der Welt veröffentlicht wird, sind also zwei verschiedene Dinge, und irgendwo dazwischen geht etwas in der Übersetzung verloren. (Wortwörtlich. Ein Compiler übernimmt die Übersetzung.)

Genau diese Lücke soll Victors Prinzip schließen. Sein Punkt war nie „visuelle Tools gut, Code schlecht". Viele visuelle Tools scheitern an seinem Test, und viele Code-Umgebungen bestehen ihn. Der Punkt war, dass Schöpfer:innen eine direkte, ehrliche Verbindung zum eigentlichen Artefakt verdienen. Und für das Web ist das eigentliche Artefakt Code. Unser internes Format ließ die Arbeitsfläche direkt wirken, hielt das eigentliche Ding aber leise auf Distanz. Sicher, Sie konnten Ihren Code exportieren. Aber Sie konnten diesen Export nicht bearbeiten und wieder zurückbringen. Die Source of Truth war ein Format, das nur unser Compiler lesen konnte.

Wer die technische Version dieser Beschwerde der philosophischen vorzieht, hier ist sie: Jedes System mit zwei Repräsentationen der Wahrheit, verbunden durch eine Übersetzungsschicht, driftet auseinander. Und Drift summiert sich. Jede Aktion muss einen Rundweg zurücklegen, von der Absicht über den Arbeitsflächen-Zustand zum generierten Code und wieder zurück, und bei jedem Rundweg besteht die Chance, dass sich die beiden Versionen der Realität leise widersprechen. Fragen Sie jemanden, der ein solches System gepflegt hat, wie das läuft. (Eigentlich lieber nicht. Die haben schon genug gelitten.)

Die schöne Falle

Bevor das hier zu zehn Absätzen öffentlicher Selbstkasteiung wird (verlockend, aber das muss niemand sehen), seien wir ehrlich über die andere Seite der Bilanz: Diese Abstraktion ist der Grund, warum Webflow überhaupt funktioniert.

2013 gab es keine realistische Möglichkeit, Nicht-Entwickler:innen rohes HTML und CSS in die Hand zu drücken und ihnen viel Glück zu wünschen. Die Web-Plattform ist herrlich und historisch chaotisch – drei Sprachen tanzen einen unbeholfenen Tanz, Jahrzehnte an angesammelten Eigenheiten, und ein Box-Modell, das die beiden Autoren dieses Beitrags persönlich demütig gemacht hat. Eine saubere interne Repräsentation war der Weg, wie Webflow all das bändigte. Sie machte die Arbeitsfläche schnell, das Styling stimmig und die Ausgabe verlässlich. Millionen von Websites wurden von Menschen gebaut, die sie auf keinem anderen Weg hätten bauen können, und darauf sind wir enorm stolz.

Zwei Dinge sind also gleichzeitig wahr. Die Abstraktion öffnete das Web für eine Generation visueller Entwickler:innen, und genau dieselbe Abstraktion trennte sie auch von ihrer Schöpfung. Die Falle und die Superkraft waren ein und dasselbe Stück Architektur. Angesichts der Rahmenbedingungen von 2013 würden wir dieselbe Entscheidung morgen wieder treffen.

Wir sind nicht mehr in 2013.

Die Agenten treten auf

Erinnern Sie sich an den Moment in Matrix, in dem Neo endlich den Code sieht? Der grüne Regen hört auf, Rauschen zu sein, und wird plötzlich lesbar, und die ganze Welt wird zu etwas, das er anfassen und verändern kann. Ungefähr das ist gerade passiert. Für alle.

Coding-Agenten können heute Code gut genug lesen, schreiben, erklären und umstrukturieren, um Code selbst für Menschen verfügbar zu machen, die nie ein Semikolon tippen werden. Sie können auf Ihre Website zeigen und sagen „Mach diese Überschrift auf Mobilgeräten größer", und ein Agent nimmt diese Änderung vor – im echten Code, dem eigentlichen Artefakt – und zeigt Ihnen das Ergebnis. Die Wahrheit ist: Code war nie der Feind. Code war nur unzugänglich. Er saß hinter Jahren an Syntax, Setup und Stack-Traces, also baute eine ganze Branche (hallo, das sind wir) Abstraktionsschichten darüber, und jede dieser Schichten tauschte ein Stück Verbindung zum Artefakt gegen Zugänglichkeit ein.

Jahrelang war das ein guter Tausch. Agenten haben die Regeln verändert. Wenn jede und jeder ein Gespräch mit Code führen kann, hört das Verstecken von Code auf, eine Freundlichkeit zu sein, und wird zu einem Käfig.

Die agentenbasierte Zukunft klopft nicht höflich an. Über 30 % unserer Enterprise-Kund:innen lassen bereits Agenten über unser MCP gegen produktive Webflow-Websites laufen, und diese Zahl ist seit Januar um rund das 4-Fache gewachsen.

Und das verändert, was für Victors Prinzip möglich ist. Damit es im Web vollständig gilt, müssen das, was auf Ihrer Arbeitsfläche liegt, und das, was live geht, ein und dasselbe sein. Das bedeutet, die Source of Truth muss Code sein, denn Code ist es, was das Web ausführt. Der einzige Grund, warum das je ausgeschlossen war, ist, dass „die Source of Truth ist Code" immer eine unausgesprochene zweite Klausel mit sich trug: „und deshalb musst du wissen, wie man ihn schreibt."

Agenten haben die zweite Klausel gelöscht. Also handeln wir nach der ersten.

Der Code, endlich zuhause

Wir bauen Webflow rund um Code als Source of Truth neu auf.

Nicht Code als Exportformat. Nicht Code als Notausgang für die Entwickler:innen in Ihrem Team. Code als das kanonische Artefakt. Die Sache, die die Arbeitsfläche rendert, die Sache, die Agenten bearbeiten, die Sache, die Ihnen gehört. Der visuelle Designer und die KI-Konversation werden zu zwei Ansichten derselben echten Sache, statt zwei Oberflächen für ein Zwischenformat, das Sie nicht sehen, lesen oder mitnehmen können.

Wenn Sie genau hingeschaut haben, haben Sie das kommen sehen. MCP 2.0 brachte Governance, Branching und Berechtigungsdurchsetzung, weil Agenten dieselben Sicherheitsvorgaben brauchten wie ein Mensch, nicht weniger. AI Code Components existieren, weil sowohl Agenten als auch Menschen einen Weg brauchten, produktionsreifes React direkt gegen das Designsystem zu generieren. Der Schritt zu einem Headless-CMS der nächsten Generation mit echten Content-Delivery-APIs geschah, weil Content über etwas anderes als Webflows Seiten-Renderer adressierbar sein musste. Das waren keine unabhängigen Wetten. Das war das Fundament, das Balken für Balken gelegt wurde.

Wir werden hier nicht durch Zeitpläne oder Feature-Listen gehen, denn das ist keine Ankündigung eines Releases. Es ist die Ankündigung einer Richtung. (Und, wenn wir ehrlich sind, einer Überzeugung, um die wir schon lange kreisen.) Doch die Konsequenzen ergeben sich ganz natürlich, sobald sich das Fundament verschiebt. Was Sie in Webflow erschaffen, wird im vollsten Sinne Ihr Eigentum: lesbar, portabel, echt. Was Sie sehen, ist, was live geht, denn es ist ein und dieselbe Sache. Und die unmittelbare Verbindung, die Victor forderte, erstreckt sich endlich über das Layout hinaus auf das gesamte Artefakt – Struktur, Stil, Verhalten, alles.

Wir werden nicht behaupten, das sei eine kleine Aufgabe. Eine Plattform, auf die Millionen von Menschen sich verlassen, rund um eine grundlegend andere Source of Truth neu zu architektieren, ist die schwierigste technische Arbeit, die dieses Unternehmen je angepackt hat.

Und falls Sie das hier mit einem Auge auf die Website lesen, die Sie schon gebaut haben, die, auf der Ihr Geschäft läuft: Hören Sie diesen Teil klar heraus. Ihre Website geht nirgendwohin, und auch die Art, wie Sie heute arbeiten, bleibt bestehen. Wir bauen die Brücke, bevor wir jemanden bitten, sie zu überqueren.

Die Startlinie

Wenn Sie zu Hause mitzählen, ziehen Sie jetzt vielleicht eine Augenbraue hoch. Code-first-Tools gibt es bereits. Viele davon. Manche sind sehr gut. Reden wir hier also nur darüber, dass wir ... aufholen?

Teilweise, ja. Jedes ernstzunehmende Tool in dieser Kategorie rast auf dieselbe Schlussfolgerung zu, aus demselben Grund: Agenten lesen und schreiben Code, also muss Code zur eigentlichen Sache werden. Das bringt alle an dieselbe Startlinie. Dort wollen wir aber nicht stehen bleiben.

Denn hier ist, was uns ein Jahrzehnt im Dienst von Marketingteams gelehrt hat – etwas, das ein Code-Editor nie lernen musste.

Ein Prototyp, der im Browser läuft, ist keine Enterprise-taugliche Experience. Jedes Code-Generierungs-Tool stößt irgendwann darauf, meist genau dann, wenn eine echte Kundschaft mit einer echten Marke, echten Nutzer:innen und einer echten Deadline am Dienstagnachmittag auftaucht. Das Erzeugen der Sache erweist sich als die vergnüglichen 20 %. Die übrigen 80 % bestehen darin, sie in die Produktivumgebung zu bringen, sie markenkonform zu halten und ein ganzes Team daran arbeiten zu lassen, ohne dass irgendjemand oder irgendetwas das Live-System zerstört.

Denn das Web ist ein Mannschaftssport. Eine Marketerin, ein Designer, eine Entwicklerin, eine Agentur und zunehmend ein Agent (oder fünf) werden in derselben Woche dieselbe Website berühren – und sie alle wollen nicht dasselbe Tool. Die Marketerin will eine Seite live schalten und ihre Performance beobachten. Der Entwickler will eine Komponente erweitern, ohne gegen die Arbeitsfläche zu kämpfen. Der Agent will überhaupt keine Oberfläche; er will eine API und eine Grenze, die er nicht überschreiten darf. Die meisten Code-first-Tools wurden für eine einzelne Entwicklerin gebaut, die allein an einem einzelnen Repo arbeitet – eine Annahme, die den Kontakt mit einem Dutzend Agenten, die am selben Nachmittag in die Produktivumgebung eingreifen, nicht überlebt. Wir haben Jahre damit verbracht, für das Gegenteil zu bauen: viele Hände, ein System, die richtige Oberfläche für die richtigen Teammitglieder zur richtigen Zeit – mit Sicherheitsvorgaben, damit niemand etwas Markenfremdes veröffentlicht, während Sie zu Mittag essen.

Und der Launch-Tag? Nicht die Ziellinie. Der Anpfiff. Die Website, die Sie veröffentlichen, ist auch die Website, die zurückmeldet: was konvertiert, was gefunden wird, was als Nächstes geändert werden sollte. Diesen Kreislauf zu schließen – vom Bauen über das Lernen bis zur Verbesserung – ist der Punkt, an dem das hier aufhört, ein besseres Tool zu sein, und anfängt, etwas ganz anderes zu sein.

Also, Aufholen? Code als Source of Truth ist der Eintrittspreis. Ihr gesamtes Team – Menschen, Agenten und Agenturen –, das an derselben echten Sache arbeitet, mit Ergebnissen, die sich nach dem Launch summieren? Das ist die Geschichte, die wir Ihnen kaum erwarten können zu erzählen.

Das nächste Kapitel

In „Inventing on Principle" sagt Bret Victor, dass Menschen, die nach Prinzipien leben, im Grunde keine Designer:innen oder Ingenieur:innen sind. Sie sind Aktivist:innen. Ihre Prinzipien sind Aussagen darüber, was an der Welt falsch ist, und ein Versprechen, es zu beheben.

Nach diesem Maßstab war Victors Kritik an Webflow nie eine Beleidigung. Sie war dieselbe Einladung, die der Vortrag Vlad Magdalin 2012 aussprach: Die Arbeit ist noch nicht abgeschlossen.

Er hatte damals recht. Und die ehrliche Wahrheit ist: Wir konnten es nicht fertigstellen, nicht mit der Technologie jener Zeit, nicht während wir die Tür für die Menschen offenhielten, die es am meisten brauchten. Was sich verändert hat, ist, dass die Welt endlich das fehlende Puzzlestück gebaut hat.

Schöpfer:innen brauchen eine unmittelbare Verbindung zu dem, was sie erschaffen. Für das Web ist das, was Sie erschaffen, Code. Jetzt können wir dem gerecht werden. Und wir sind weiter, als irgendjemand außerhalb dieses Gebäudes vermuten würde. Wir könnten weitere paar Tausend Worte damit verbringen, es zu beschreiben. Wir zeigen es Ihnen lieber einfach.

Wir stellen es diesen September auf der Webflow Conf vor: die Arbeitsfläche, den Code und den Moment, in dem beide dieselbe Sache werden. Sichern Sie sich Tickets, bevor sie weg sind. Webflow arbeitet seit über einem Jahrzehnt auf diesen Moment hin. Wir würden uns freuen, Sie im Raum zu haben.

If you want to see where we're taking it next, join us at Webflow Conf.

Register for Webflow Conf
→
↗
►
↓
←
↑
Read now

Last Updated
September 25, 2026
Category

Related articles


verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo

Jetzt kostenlos loslegen

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Get started — it’s free
Demo ansehen
Demo ansehen

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.