FORMBURG | Mit Webdesigner Jonas Arleth

Source by Webflow bringt Marketer, Designer und Entwickler in einem Werkzeug zusammen. Doch reicht es wirklich für professionelle Ansprüche, oder baust du dir vieles am Ende doch lieber selbst?

In dieser Folge diskutieren wir zu dritt, was hinter Source by Webflow steckt: eine lokale Mac App, ein Next-Gen CMS mit verschiebbaren Blocks und Views, offenes Hosting und agentische Workflows. Wir ordnen ein, was daran wirklich neu ist, wo die Stärken liegen (Designsystem, Brand-Konsistenz, Maintainability) und wo die offenen Fragen sind: KI-Modelle, Abhängigkeit vom Tool und die Frage, wie viel du davon mit Open Source selbst bauen kannst.

Außerdem sprechen wir über den echten Mehrwert von Webdesignern in der KI-Ära: Geschmack, Kontrolle über Animationen mit GSAP und warum das Wissen um Begriffe wie Stagger oder Depth Map den Unterschied macht.

---

👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://www.formburg.com/courses

👉 Webflow GSAP Animationen Masterclass:
https://www.formburg.com/gsap-masterclass

👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.formburg.com/product/webdesign-angebote

---

Kostenlosen Webflow Account anlegen:

https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen:

https://formburg.com/tutorials

---

// TIMESTAMPS

00:00 – Was Source by Webflow überhaupt ist

01:35 – Erste Eindrücke und der eigene Workflow

03:00 – Das Next-Gen CMS mit Blocks und Views

04:30 – Skalieren und verkaufen statt nur bauen

06:44 – Import bestehender Projekte und offenes Hosting

08:54 – Visuelles Bearbeiten oder alles den Agenten überlassen

11:13 – Wann du die Kontrolle selbst behalten willst

11:57 – Warum ein gutes Designsystem der Schlüssel ist

14:25 – Zusammenarbeit, Inbox und Integrationen

16:29 – Lokal, online und die Frage nach dem KI-Modell

19:18 – Eigenes Modell oder offenes System

22:20 – Cloudflare OS und ähnliche Tools

24:03 – Anthropic, Cloud Design und Export

26:06 – Wird das Web dadurch besser oder schlechter

28:36 – Wie wichtig ist ein schneller Launch

33:05 – GSAP, Animationen und Tools wie Dialkit

38:08 – Warum die KI oft nicht versteht, was smooth ist

40:25 – Stagger, Easing und Begriffe, die zählen

45:37 – Geschmack, Generalisten und der Job der Designer

56:31 – Sind Lerninhalte tot? Inspiration statt Tutorials

----------------------------------------------

// MEIN FORMBURG PODCAST

► iTunes: https://jonasarleth.com/itunes

► Spotify: https://jonasarleth.com/spotify

► SoundCloud: https://jonasarleth.com/soundcloud

► Overcast: https://jonasarleth.com/overcast

----------------------------------------------

* Affiliate Links

Webflow hat auf der Conf 2026 seine Zielgruppe neu gedacht und viele langjährige Nutzer fragen sich: gehöre ich hier überhaupt noch dazu? In dieser ehrlichen Diskussion geht es darum, warum Webflow jetzt Marketer, Unternehmen und KI-Agenten in den Fokus rückt und was das für Designer, Entwickler und Agenturen bedeutet.

Wir sprechen darüber, wie sich die reine Website-Erstellung immer mehr zum Nebenschauplatz entwickelt, warum Design und Development wieder zusammenwachsen und wo künftig echter Wert entsteht: im Aufbau von Designsystemen, im Betreuen von Marken auf Retainer-Basis und im Bauen eigener, brand-genauer Tools für Kunden. Außerdem ordnen wir Source, die neuen Webflow Designer Features, Localization, Style Props und die offene Frage nach dem Pricing ein.

Wenn du wissen willst, wohin sich Webflow bewegt und wie du dich als Designer oder Entwickler darauf einstellst, ist diese Folge für dich.

---------------------------------------------

👉 Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://www.formburg.com/courses

👉 GSAP Animationen Masterclass:
https://www.formburg.com/gsap-masterclass

👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.formburg.com/product/webdesign-angebote

---------------------------------------------

Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen:
https://formburg.com/tutorials

---------------------------------------------

// TIMESTAMPS

00:00 – Die Main Keynote und das Gefühl, nicht gemeint zu sein
01:44 – KI schreibt den Code: bleibt für Designer noch Relevanz?
03:09 – Builder statt Marketer: verliert Webflow seine Community?
07:30 – Warum der Shift strategisch Sinn ergibt
09:30 – Der Wert verschiebt sich hinter die Website-Erstellung
11:09 – Marketer, Formulare, Tracking und das Operating System
14:00 – Scalable bauen: das eigentliche Problem der KI-Tools
20:32 – Design zurück in den Fokus: eigene Brandsprache liefern
27:40 – Eigene Brand-Tools für Kunden bauen
30:09 – GSAP, Animationen und zehn Varianten statt einer
35:06 – Neue Webflow Designer Features und Localization
42:00 – Pricing, AI Credits und für wen Webflow noch Sinn ergibt

#webflow #css #webdesign

----------------------------------------------


// MEIN FORMBURG PODCAST

► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast

----------------------------------------------

* Affiliate Links

Webflow spannt uns auf die Folter: eine native Desktop App, ein mögliches Webflow 2.0 und jede Menge offene Fragen kurz vor der Webflow Conf. In diesem Talk ordnen Christian Schmitt und ich ein, was da wirklich im Hintergrund passiert.

Wir sprechen darüber, warum die alte Codebase inklusive jQuery ein echtes Problem ist, weshalb MCP 2.0 für uns der erste große Wendepunkt war und warum die meisten Webflow Nutzer trotz aller KI Euphorie weiterhin im Designer arbeiten. Dazu schauen wir uns die Teaser Seite mit ihren Easter Eggs an und diskutieren, ob eine lokale Mac App wirklich offline funktionieren könnte oder ob Hosting das Geschäftsmodell bleibt.

Du bekommst eine ehrliche Einordnung statt Hype: Was ist realistisch, was ist reine Spekulation und für wen ist dieser Schritt eigentlich gedacht, Entwickler oder Enterprise.

Passend dazu gibt es die DACH Watchparty zur Webflow Conf: am 1. September Treffen in München, am 2. September drei Vorträge und abends gemeinsames Schauen der Conf.

---

Meine Onlinekurse:

👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://www.formburg.com/courses

👉 Webflow GSAP Animationen Masterclass:
https://www.formburg.com/gsap-masterclass

👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.formburg.com/product/webdesign-angebote

---

Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen:
https://formburg.com/tutorials

---

// TIMESTAMPS

00:00 – Warum Webflow 2.0 gerade alle beschäftigt
02:43 – Rückblick: Code Components und der holprige KI Start
04:46 – Alte Codebase, jQuery und die Grenzen des heutigen Webflow
11:54 – Laute KI Stimmen gegen die echte Mehrheit der Nutzer
15:40 – Warum der Designer bei großen Projekten unschlagbar bleibt
17:59 – MCP 2.0 als echter Wendepunkt
27:08 – Die Mac Desktop App und die Teaser Seite
36:53 – Performance, RAM und Vorteile einer nativen App
42:10 – Offline arbeiten, Hosting und mögliche Preismodelle
50:11 – Für wen ist Webflow 2.0 wirklich gedacht

#webflow #css #webdesign

Zum Video-Podcast: https://youtu.be/gb0NhsQ3-7U

KI empfiehlt dich nicht? Das ist kein Zufall, es ist eine Frage der Struktur. In diesem Webflow Talk spreche ich mit SEO- und AEO-Experte Christian Schmitt darüber, wie du deine Webflow-Website so aufbaust, dass KI-Systeme wie ChatGPT, Gemini und Perplexity dich wirklich zitieren und empfehlen.

Du lernst:

• Was AEO, GEO und AI Visibility bedeuten und wie sie sich von SEO unterscheiden
• Wie Schema Markup und Mikrodaten in Webflow richtig eingesetzt werden
• Warum YouTube eine Geheimwaffe für Gemini ist
• Was hinter llms.txt steckt und ob es sich lohnt
• Wie du KI-Sichtbarkeit mit Cloudflare und Ubersuggest messen kanns
• Content-Strukturen, die von KI-Systemen besser verstanden und zitiert werden
• Grenzen und Hype: Was bei GEO/AEO wirklich belastbar ist und was nicht

Meine Onlinekurse:

👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://www.formburg.com/courses

👉 Webflow GSAP Animationen Masterclass:

https://www.formburg.com/gsap-masterclass

👉 Webdesign Angebote mit drei Preisoptionen erstellen:

https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen

---

Kostenlosen Webflow Account anlegen:

https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen:

https://formburg.com/tutorials

---

00:00 Einführung in die SEO-Diskussion

02:54 SEO vs. AEO: Ein neuer Ansatz

05:55 Die Rolle von Inhalten in der KI-Suche

08:43 Optimierung für KI: Strategien und Techniken

11:43 Die Bedeutung von Schema Markups

14:07 Generative Engine Optimization (GEO) verstehen

17:20 Die Auswirkungen von KI auf Marken und Sichtbarkeit

21:00 Die Rolle von KI-Modellen im E-Commerce

23:28 YouTube als Geheimwaffe für Sichtbarkeit

25:30 Die Bedeutung von konsistenten Unternehmensdaten

27:04 Unterschiedliche Ansätze von KI-Modellen

29:19 Aktualität und Relevanz von Informationen

30:48 Schema-Markup und seine Herausforderungen

35:20 Fehler im Schema-Markup und deren Auswirkungen

37:49 Was viele über Schema Markup nicht wissen

38:45 Schema Markup und Preisgestaltung

39:42 Strukturierte Daten und Mikrodaten

41:56 Dynamische Inhalte und FAQs

43:53 Server-seitiges Rendering und JavaScript

45:51 LLMs und die Nutzung von Textdateien

48:22 Crawler und Zugriffskontrolle

48:49 Wann und wie kann man KI Bots auf der Website in Webflow blockieren

50:37 Cloudflare, Webflow und Markdown-Integration

53:28 Effiziente Kundengewinnung durch KI

54:33 Monitoring und Sichtbarkeit in KI-Ergebnissen

56:38 Technische Einblicke in KI-Analysen

59:54 Cloudflare und Webflow: Synergien nutzen

01:02:35 AI Visibility und Branding-Strategien

01:06:14 Zukunft der Webflow-Analyse und KI-Integration

01:10:06 Webflow Site Synchron halten mit eigenem Server Hosting erlaubt?

01:11:34 SEO im Wandel: Die Rolle der KI

01:13:05 Webflow als Lösung für moderne Web-Entwicklung

Zum Video-Podcast: https://youtu.be/dXziwgTevmw

Webflow mit Claude verbinden und dein CMS fast wie per Zuruf verwalten? Genau das verändert gerade, wie Content-Workflows in Webflow funktionieren. In diesem Video zeige ich dir, wie ich Webflow, Claude und Notion miteinander verknüpfe, um Blogbeiträge, Kategorien, Übersetzungen und CMS-Inhalte deutlich effizienter zu verwalten. Statt starrer Automationen über Make kann die KI flexibel mitdenken, Inhalte erkennen, Felder richtig zuordnen und sogar sprachübergreifend sauber ins Webflow CMS übertragen. Du siehst, wie mein Setup aufgebaut ist, wie der Prompt funktioniert und welche Aufgaben Claude bereits zuverlässig übernimmt – von der Blogpost-Erstellung bis zur Mehrsprachigkeit. Außerdem spreche ich offen über aktuelle Grenzen, zum Beispiel beim Thumbnail-Upload, und zeige dir, warum dieser Workflow trotzdem schon heute extrem viel manuelle Arbeit spart. Falls du Webflow für Content, CMS, Blog-Systeme oder interne Prozesse nutzt, bekommst du hier einen sehr konkreten Einblick, wie KI-Automatisierung in der Praxis aussehen kann. Schreib deine Fragen gern in die Kommentare.

Meine Onlinekurse:

👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses

👉 50+ Webflow-Tricks: https://www.formburg.com/tricks

👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen

Kostenlosen Webflow Account anlegen: https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen: https://formburg.com/tutorials

00:00 Webflow + Claude: Warum die Verbindung so spannend ist

00:45 Von manuell über VA bis Make-Automation

02:00 Warum KI flexibler ist als klassische Automationen

03:10 Blogbeiträge, Überschriften und CMS-Logik automatisch anpassen

04:20 Webflow mit Claude und Notion verknüpfen

05:35 Rechte, Zugriffe und sichere Freigaben einrichten

06:20 Der Prompt als Content-Assistent im Hintergrund

08:00 Kategorien, Übersetzungen und Mehrsprachigkeit automatisieren

09:30 Grenzen aktuell: Thumbnail-Upload noch manuell

11:00 Weitere Use Cases wie Testimonials und Rich Text Migration

#webflow #claude #webdesign

MAST ist nicht einfach „noch ein Webflow-Framework“ – es ist ein komplett anderer Ansatz, wie du Layouts, Komponenten und Utility-Klassen in Webflow strukturierst. In dieser Folge gehen wir tief rein: Was unterscheidet MAST von Client-First? Warum setzt Matthias MAST inzwischen überall in Kundenprojekten ein und wann lässt er Komponenten bewusst weg? Du bekommst ein klares Bild davon, wie MAST gedacht ist: Less is more, 12-Column-Grid, komponentenbasierte Workflows, aber trotzdem genug Freiheit für Custom Sections. Wir sprechen außerdem darüber, wie Must mit Webflow Components, Slots, Build Mode, Variables/Fluid Design, Phosphor Icons und sogar fertigen Lösungen wie Swiper Slider umgeht – inklusive Praxisblick: Was ist wirklich hilfreich, wo wird’s für Anfänger zu komplex, und wie onboardet man Kunden sinnvoll, ohne dass sie die Seite „kaputtklicken“?

MAST Framework:
Kostenloses Starter-Cloneable: https://try.webflow.com/MAST *

Podcastfolge online schauen: https://youtu.be/xsBUG6yG_8A?si=mBEmBLjAZerGxCbw

Matthias Cordes online:

• Website: https://www.matthiascordes.com
• LinkedIn: https://www.linkedin.com/in/matthiascordes

*Affiliate Links

Meine Onlinekurse:

👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses

Chapter

00:00 Einführung in das MAST Framework

02:50 Komponentenfokus im Must Framework

05:24 Effizienz und Namensgebung im Must Framework

08:47 Anpassungen und individuelle Styles

10:48 80-20-Philosophie und Anpassungen

13:06 Beispiel: Umsetzung kundenspezifischer Designs

16:05 Nutzung von Komponenten in Projekten

18:57 Kundenanpassungen und Training

21:33 Komponenten und ihre Herausforderungen

27:15 Kreative Layouts vs. Komponenten

29:55 Effizienz durch Komponenten

31:38 Grid und Columns Aufbau in MAST

37:30 Variablen und Icons in Layouts

40:32 Integration von Icons und Komponenten

42:08 Neue Komponenten wie Slider und deren Nutzung

44:23 Herausforderungen bei der Verwendung von Komponenten

45:49 Zugänglichkeit und SEO-Optimierung

46:32 Praktische Anwendung und Screensharing

46:57 Typografie und Fluid Design

49:09 Responsive Design und Spacing

51:28 Optimierung von Layouts und Variablen

56:45 Effiziente Container-Nutzung

57:48 Flexibles Layout mit Rows und Columns

58:41 Gestaltung von Cards und Inhalten

01:01:03 Responsive Design und Breakpoints

01:02:18 Abstände und Margins in der Gestaltung

01:04:39 Animationen und Interaktionen mit GSAP

01:06:58 Komponentenbasierte Ansätze in der Webentwicklung

01:10:00 Vorlagen und Templates für Kunden

01:13:11 Empfehlungen für Kunden im Designprozess

Die ersten 50 Teilnehmer zahlen nur 99€ → https://formburg.com/gsap-masterclass

In dieser Masterclass lernst du, wie du professionelle Website-Animationen mit der neuen GSAP Timeline in Webflow umsetzt. Vom ersten Scroll-Trigger bis zur flüssigen Page Transition: Schritt für Schritt zeige ich dir, wie du echte Motion-Design-Erlebnisse direkt im Webflow Interface baust.

--------------------------------------------

Meine Onlinekurse:

👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs

👉 50+ Webflow-Tricks: https://www.formburg.com/tricks

👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen

---------------------------------------------

*Affiliate Links