Heute Morgen haben wir Source by Webflow angekündigt, eine neue Plattform, mit der Marketingteams und ihre Agenten das Web für das, was als Nächstes kommt, starten, optimieren und skalieren können.

Große Launches zeigen, wohin wir uns entwickeln, und wir könnten nicht aufgeregter sein über das, was Source möglich machen wird. Aber als Builder selbst wissen wir auch, dass das, was als Nächstes kommt, nur ein Teil der Geschichte ist. Die Erfahrung, heute in Webflow zu erstellen, lebt in den Details, den Quality-of-Life-Verbesserungen, die einfach dafür sorgen, dass sich alles besser anfühlt, jedes Mal, wenn Sie die Canvas öffnen. 

Seit der Webflow Conf 2025 haben wir 151 dieser einzelnen Verbesserungen veröffentlicht, und fast alle davon kamen direkt aus Ihrem Feedback. Bei der heutigen, allerersten Builder-Keynote haben wir noch mehr geteilt. Hier ist, was neu ist (und demnächst kommt) für Ihren täglichen Webflow-Workflow, basierend auf dem, was wir von Ihnen gehört haben.  

Was ist neu

Startet heute

• Visual editing for AI code components
• Components in the CMS
• Breakpoint canvas

Demnächst

• Popovers
• Default components for slots
• Agentic Translation
• Style props for components

Aktuelle Updates

• Performance
• On-Canvas-Spacing, eine dedizierte Canvas für Komponenten und Pan & Zoom
• Sichtbarkeitskontrollen für Komponenten und Slot-Beschränkungen
• Localize-Verbesserungen

Visual editing for AI code components

AI code components erleichtern es, Ihrer Website individuelle Funktionalität hinzuzufügen. Nehmen wir an, Sie brauchen einen interaktiven ROI-Rechner für eine Produktvergleichsseite. Statt ein Dev-Ticket einzureichen, beschreiben Sie es dem Webflow AI Assistant, und er baut eine Komponente direkt auf der Canvas.

Bis jetzt gab es, wenn der Assistant eine Code-Komponente für Sie gebaut hat, nur eine Möglichkeit, Änderungen vorzunehmen: über Prompts. Jetzt können Sie AI code components in Webflow visuell bearbeiten, genau wie jede andere Komponente auf Ihrer Website.

Wenn das Spacing nicht stimmt, klicken Sie in die Komponente, wählen Sie das Element aus und passen Sie es im Style-Panel an. Bearbeiten Sie den Text direkt auf der Canvas. Oder legen Sie das Teil, das Sie ändern möchten, als Kontext in den Assistant, sodass sich sein nächster Durchgang genau darauf beschränkt. Generieren Sie die Komponente und feilen Sie dann daran, genauso wie Sie an allem anderen in Webflow feilen würden. Sie erhalten individuelle Funktionalität auf der Seite, ohne die Designkontrolle abzugeben.

Visuelles Editing für AI code components ist heute für alle Kund:innen verfügbar. Lesen Sie den vollständigen Updates-Beitrag, um mehr zu erfahren.

Components in the CMS

Komponenten wie CTA-Buttons, Testimonial-Karten und Preistabellen können Ihren Content aufwerten und Nutzer:innen durch ihre Entdeckungsreisen führen. Bis jetzt brauchten Sie jedoch individuellen Code oder Workarounds von Drittanbietern, um sie in CMS-Elemente einzubinden.

Heute rollen wir Components in the CMS aus, sodass Sie eine Komponente direkt in Rich Text einfügen können, auf der Canvas oder in einem CMS-Element, und sie über Props für dieses spezifische Content-Stück konfigurieren können.

Für Agenturen macht das Client-Handoffs deutlich einfacher. Bauen Sie eine Kundenzitat-Komponente einmal, geben Sie sie an das Marketingteam des Kunden weiter, und dieses kann sie zu neuen Beiträgen hinzufügen, indem es Zitat, Foto und Name über Props austauscht.

Und das ist nicht auf einfache Komponenten beschränkt. Der ROI-Rechner, den Sie als AI code component generiert haben, funktioniert im CMS wie jede andere Komponente. Jede Instanz gehört zu ihrem eigenen CMS-Element, sodass derselbe Rechner auf jedem Vergleichsbeitrag unterschiedliche Zahlen ausführen kann, und eine Designänderung gilt sofort für alle gleichzeitig.

Components in the CMS werden heute ausgerollt und sind ab nächster Woche für alle Kund:innen verfügbar. Lesen Sie die Launch-Ankündigung, um mehr zu erfahren.

Breakpoint canvas

Ein großer Teil des Tages eines Builders beginnt und endet auf der Canvas: Komponenten verwalten, Layout und Spacing verfeinern, prüfen, wie sich eine Änderung über Varianten, Breakpoints und Locales hinweg auswirkt. Das alles verlangt, viel Kontext im Kopf zu behalten.

Im vergangenen Jahr haben wir diese Lücke geschlossen, mit Component Canvas, Spacing-Visualisierungen auf der Canvas und Pan & Zoom auf der Seite. Viele von Ihnen haben zu Letzterem gefragt: Warum eine einzelne Frame pannen und zoomen?

Man braucht es, wenn es mehr als eine gibt.

Heute beginnen wir mit dem Rollout der Breakpoint Canvas, mit der Sie jeden Breakpoint Ihrer Seite in einer Ansicht sehen können: Desktop, Tablet und die verschiedenen Mobilformate, nebeneinander. Nehmen Sie jetzt eine Änderung auf Desktop vor, sehen Sie sofort, wie sie sich überall sonst auswirkt, ohne manuell durch jeden Breakpoint zu klicken und sich den Rest merken zu müssen.

Das bedeutet weniger Rätselraten, weniger übersehene Overrides und eine viel einfachere Überprüfung der Arbeit, egal ob es sich um Ihre eigene, die eines Teammitglieds oder etwas handelt, das ein KI-Agent gerade geändert hat, ohne ständigen Kontextwechsel.

Breakpoint Canvas wird heute ausgerollt und ist ab nächster Woche für alle Kund:innen verfügbar. Weitere Details in der Release-Ankündigung.

Popovers

Auf jeder Website gibt es UI-Patterns, die man immer wieder neu baut. Besucher:innen erwarten sie, und sie lassen Ihren Content professionell und leicht navigierbar wirken. Sie sind aber auch schwer richtig hinzubekommen, besonders bei Barrierefreiheit und Layout.

In einigen Wochen beginnen wir mit dem Rollout neuer Bausteine für die häufigsten UI-Patterns im Web, beginnend mit Popovers. Mit nativer Popover-Unterstützung können Sie Modals, Tooltips, Banner und Menüs bauen, ohne individuellen Code und ohne Workarounds. Popovers stützen sich auf moderne Web-Features wie Anchor Positioning und Top-Layer-Verhalten statt auf JavaScript, sodass Ihre Seiten leichter und barrierefreier bleiben. 

Sich auf native Primitives zu stützen ist wichtig, weil es Ihnen erlaubt, richtig gekapselte Komponenten zu bauen. Das macht Popovers für Marketer:innen einfacher nutzbar und lässt KI-Agenten schneller in Webflow bauen.

Später in diesem Jahr gehen wir weiter mit nativer Unterstützung für sich wiederholende Elemente: Slider, Tabs, Akkordeons und mehr.

Popovers werden in den kommenden Wochen ausgerollt.

Default components for slots

Eine Komponente, die für ein Layout gebaut wurde, landet irgendwann in einem Layout, für das sie nie gedacht war. Das ist ein häufiger Nebeneffekt, wenn eine Komponentenbibliothek groß wird und die durchsuchende Person die Design-Guidelines nicht griffbereit hat. Das gilt besonders, wenn eine Agentur eine Website an einen Kunden übergibt, der nicht weiß, wie jede Komponente eigentlich genutzt werden sollte.

Sichtbarkeitskontrollen für Komponenten und Slot-Beschränkungen wurden bereits veröffentlicht, um Ihnen zu helfen, diese Leitplanken von vornherein zu setzen. Sichtbarkeitskontrollen lassen Sie entscheiden, welche Komponenten Teammitglieder mit der Marketer-Rolle im Build-Modus sehen und nutzen können, sodass ein Marketer eine kuratierte Auswahl statt des gesamten Katalogs erhält. Slot-Beschränkungen erlauben Ihnen festzulegen, welche Komponenten in einem bestimmten Slot zugelassen sind, sodass eine Komponente, die nur in ein Layout gehört, dort bleibt. Marketer können weiterhin mit allem bauen, was sie brauchen, denn alles, was sie erreichen können, ist etwas, das dort funktioniert, wo sie es einsetzen.

Default components for slots geht einen Schritt weiter, indem Sie festlegen können, mit was ein Slot beginnt. Heute ist ein reservierter Slot bei jedem neuen Beitrag leer, ohne Hinweis darauf, was dort hingehört, sodass das gleiche Setup jedes Mal von Grund auf neu gebaut wird. Mit einem Standard an Ort und Stelle sitzt die richtige Komponente bereits dort, bereit zum Weiterbauen.

Diese Leitplanken gelten unabhängig davon, ob Ihr Team direkt in Webflow oder agentenbasiert über unser MCP arbeitet, sodass eine Seitenvorlage standhält, egal wer die Bearbeitung vornimmt.

Default components for slots ist ab später in diesem Monat verfügbar.

Agentic Translation

Für Organisationen, die ein multinationales oder mehrsprachiges Publikum bedienen, ist die Lokalisierung von Design und Content das, was Kund:innen in jedem Markt eine erstklassige Erfahrung verschafft. Wir wissen, wie viel Arbeit darin steckt, die Website-Struktur über Locales hinweg abzustimmen, jedes Detail übersetzbar zu machen und die Erfahrung an den Ton und die kulturellen Nuancen jedes Marktes anzupassen.

Webflow Localize hat diese Arbeit in eine visuelle Erfahrung verwandelt, sodass Web-Teams nicht mehr mit JSON-Dateien voller Strings kämpfen mussten. In den vergangenen Monaten haben wir dieses Fundament weiter gestärkt: die Website-Struktur zwischen primären und sekundären Locales synchron zu halten, Buildern mehr Kontrolle darüber zu geben, wie Komponenteneigenschaften und individuelle Code-Blöcke übersetzt werden, und es zu ermöglichen, Ton und Formalität für jede Zielsprache festzulegen.

Aber das Übersetzen des Contents selbst war bisher immer noch ein manueller Prozess, selbst mit KI-Unterstützung auf Abruf. Wir haben von Ihnen gehört, dass der Aufbau eines neuen Locale Monate dauern kann. Agentic Translation ändert das. Einmal aktiviert, werden Copy-Updates automatisch in Echtzeit in der richtigen Sprache über Ihre Locales hinweg abgebildet. Tausende Klicks werden zu einer Konfiguration, die man einmal einstellt und dann vergessen kann, während Teams, die mehr Kontrolle möchten, die Übersetzungen als ersten Durchgang nutzen und von dort aus feinjustieren können. Das Ergebnis ist ein deutlich schnellerer Weg zum Launch in neuen Märkten, ohne die Kontrolle über die finale Erfahrung abzugeben.

Localize-Ton und -Formalität, lokalisierter individueller Code und Kontrollen für Komponenteneigenschaften sind jetzt für alle Kund:innen verfügbar. Agentic Translation wird in den nächsten Wochen ausgerollt.

Style props for components

Style Props kommen zu Komponenten. Ändern Sie eine Farbe, ändern Sie eine Größe, und begrenzen Sie, welche Optionen verfügbar sind, sodass eine Komponente Ihrem Team genau das richtige Maß an kreativer Kontrolle gibt, ohne alles zu öffnen.

‍Kommt später in diesem Jahr. 

Performance

Dieses Jahr haben wir stark in die Performance des Designers und veröffentlichter Websites investiert. Die wichtigsten Zahlen:

Im Designer:

• Das Kopieren großer Elemente ist bis zu 98 % schneller.
• Das Einfügen ist 7,7-mal schneller.
• Das Laden des Designers, das Wechseln zwischen Seiten, Locales und CMS-Elementen sowie das Tippen sind alle reaktionsschneller.

Auf veröffentlichten Websites:

• Das Rendering der Website ist bis zu 43 % schneller.
• Das Veröffentlichen ist bis zu 80 % schneller.

Diese Verbesserungen sind der Anfang einer längeren Reihe von Investitionen in die Performance von Webflow, im Designer und auf den Websites, die Sie veröffentlichen. Es kommt noch mehr.

Jetzt live für alle Kund:innen.

Weitere aktuelle Updates

Alles Folgende wurde in den vergangenen Monaten veröffentlicht und ist jetzt für alle Kund:innen verfügbar.

• On-Canvas-Spacing, eine Component Canvas und Pan & Zoom. Margin und Padding erscheinen auf der Canvas statt nur im Style-Panel, Komponenten haben eine eigene Canvas mit Varianten nebeneinander bekommen, und Sie können die Seite pannen und zoomen. Die Breakpoint Canvas baut auf allen drei auf.
• Sichtbarkeitskontrollen für Komponenten und Slot-Beschränkungen. Entscheiden Sie, welche Komponenten Teammitglieder mit der Marketer-Rolle im Build-Modus sehen und nutzen können, und welche Komponenten in einem bestimmten Slot zugelassen sind. Default components for slots setzt genau dort an, wo diese aufhören.
• Localize-Verbesserungen. Ton und Formalität pro Zielsprache, lokalisierter individueller Head- und Body-Code sowie mehr Kontrolle darüber, wie Komponenteneigenschaften in sekundären Locales übersetzt werden. Agentic Translation baut auf diesem Fundament auf.

Was steht noch auf Ihrer Liste?

Fast alles oben hat damit begonnen, dass ein Builder uns erzählt hat, was nicht funktioniert. Sagen Sie uns in der Webflow Community, was Sie sonst noch sehen möchten, und behalten Sie den Updates-Feed im Auge für alles, was wir im Laufe des Jahres veröffentlichen.

Für mehr von dem, was als Nächstes kommt, begleiten Sie uns morgen für Tag 2 der Webflow Conf, in Boston und online.