235: Code Components, Full-Stack Web Apps und AI – Webflow Talk mit Christian Schmitt

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---// TIMESTAMPS00:00 – Was Source by Webflow überhaupt ist01:35 – Erste Eindrücke und der eigene Workflow03:00 – Das Next-Gen CMS mit Blocks und Views04:30 – Skalieren und verkaufen statt nur bauen06:44 – Import bestehender Projekte und offenes Hosting08:54 – Visuelles Bearbeiten oder alles den Agenten überlassen11:13 – Wann du die Kontrolle selbst behalten willst11:57 – Warum ein gutes Designsystem der Schlüssel ist14:25 – Zusammenarbeit, Inbox und Integrationen16:29 – Lokal, online und die Frage nach dem KI-Modell19:18 – Eigenes Modell oder offenes System22:20 – Cloudflare OS und ähnliche Tools24:03 – Anthropic, Cloud Design und Export26:06 – Wird das Web dadurch besser oder schlechter28:36 – Wie wichtig ist ein schneller Launch33:05 – GSAP, Animationen und Tools wie Dialkit38:08 – Warum die KI oft nicht versteht, was smooth ist40:25 – Stagger, Easing und Begriffe, die zählen45:37 – Geschmack, Generalisten und der Job der Designer56: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---------------------------------------------// TIMESTAMPS00:00 – Die Main Keynote und das Gefühl, nicht gemeint zu sein01: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 ergibt09:30 – Der Wert verschiebt sich hinter die Website-Erstellung11:09 – Marketer, Formulare, Tracking und das Operating System14:00 – Scalable bauen: das eigentliche Problem der KI-Tools20:32 – Design zurück in den Fokus: eigene Brandsprache liefern27:40 – Eigene Brand-Tools für Kunden bauen30:09 – GSAP, Animationen und zehn Varianten statt einer35:06 – Neue Webflow Designer Features und Localization42: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---// TIMESTAMPS00:00 – Warum Webflow 2.0 gerade alle beschäftigt02:43 – Rückblick: Code Components und der holprige KI Start04:46 – Alte Codebase, jQuery und die Grenzen des heutigen Webflow11:54 – Laute KI Stimmen gegen die echte Mehrheit der Nutzer15:40 – Warum der Designer bei großen Projekten unschlagbar bleibt17:59 – MCP 2.0 als echter Wendepunkt27:08 – Die Mac Desktop App und die Teaser Seite36:53 – Performance, RAM und Vorteile einer nativen App42:10 – Offline arbeiten, Hosting und mögliche Preismodelle50:11 – Für wen ist Webflow 2.0 wirklich gedacht#webflow #css #webdesign

Zum Video-Podcast: https://youtu.be/gb0NhsQ3-7UKI 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 unterscheidenWie Schema Markup und Mikrodaten in Webflow richtig eingesetzt werdenWarum YouTube eine Geheimwaffe für Gemini istWas hinter llms.txt steckt und ob es sich lohntWie du KI-Sichtbarkeit mit Cloudflare und Ubersuggest messen kannsContent-Strukturen, die von KI-Systemen besser verstanden und zitiert werdenGrenzen und Hype: Was bei GEO/AEO wirklich belastbar ist und was nichtMeine 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-Diskussion02:54 SEO vs. AEO: Ein neuer Ansatz05:55 Die Rolle von Inhalten in der KI-Suche08:43 Optimierung für KI: Strategien und Techniken11:43 Die Bedeutung von Schema Markups14:07 Generative Engine Optimization (GEO) verstehen17:20 Die Auswirkungen von KI auf Marken und Sichtbarkeit21:00 Die Rolle von KI-Modellen im E-Commerce23:28 YouTube als Geheimwaffe für Sichtbarkeit25:30 Die Bedeutung von konsistenten Unternehmensdaten27:04 Unterschiedliche Ansätze von KI-Modellen29:19 Aktualität und Relevanz von Informationen30:48 Schema-Markup und seine Herausforderungen35:20 Fehler im Schema-Markup und deren Auswirkungen37:49 Was viele über Schema Markup nicht wissen38:45 Schema Markup und Preisgestaltung39:42 Strukturierte Daten und Mikrodaten41:56 Dynamische Inhalte und FAQs43:53 Server-seitiges Rendering und JavaScript45:51 LLMs und die Nutzung von Textdateien48:22 Crawler und Zugriffskontrolle48:49 Wann und wie kann man KI Bots auf der Website in Webflow blockieren50:37 Cloudflare, Webflow und Markdown-Integration53:28 Effiziente Kundengewinnung durch KI54:33 Monitoring und Sichtbarkeit in KI-Ergebnissen56:38 Technische Einblicke in KI-Analysen59:54 Cloudflare und Webflow: Synergien nutzen01:02:35 AI Visibility und Branding-Strategien01:06:14 Zukunft der Webflow-Analyse und KI-Integration01:10:06 Webflow Site Synchron halten mit eigenem Server Hosting erlaubt?01:11:34 SEO im Wandel: Die Rolle der KI01:13:05 Webflow als Lösung für moderne Web-Entwicklung

Zum Video-Podcast: https://youtu.be/dXziwgTevmwWebflow 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-erstellenKostenlosen Webflow Account anlegen: https://formburg.com/webflow-kostenlos *Webflow schnell und einfach lernen: https://formburg.com/tutorialsTimestamps00:00 Webflow + Claude: Warum die Verbindung so spannend ist00:45 Von manuell über VA bis Make-Automation02:00 Warum KI flexibler ist als klassische Automationen03:10 Blogbeiträge, Überschriften und CMS-Logik automatisch anpassen04:20 Webflow mit Claude und Notion verknüpfen05:35 Rechte, Zugriffe und sichere Freigaben einrichten06:20 Der Prompt als Content-Assistent im Hintergrund08:00 Kategorien, Übersetzungen und Mehrsprachigkeit automatisieren09:30 Grenzen aktuell: Thumbnail-Upload noch manuell11: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=mBEmBLjAZerGxCbwMatthias Cordes online:Website: https://www.matthiascordes.comLinkedIn: https://www.linkedin.com/in/matthiascordes*Affiliate LinksMeine Onlinekurse:👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/coursesChapter00:00 Einführung in das MAST Framework02:50 Komponentenfokus im Must Framework05:24 Effizienz und Namensgebung im Must Framework08:47 Anpassungen und individuelle Styles10:48 80-20-Philosophie und Anpassungen13:06 Beispiel: Umsetzung kundenspezifischer Designs16:05 Nutzung von Komponenten in Projekten18:57 Kundenanpassungen und Training21:33 Komponenten und ihre Herausforderungen27:15 Kreative Layouts vs. Komponenten29:55 Effizienz durch Komponenten31:38 Grid und Columns Aufbau in MAST37:30 Variablen und Icons in Layouts40:32 Integration von Icons und Komponenten42:08 Neue Komponenten wie Slider und deren Nutzung44:23 Herausforderungen bei der Verwendung von Komponenten45:49 Zugänglichkeit und SEO-Optimierung46:32 Praktische Anwendung und Screensharing46:57 Typografie und Fluid Design49:09 Responsive Design und Spacing51:28 Optimierung von Layouts und Variablen56:45 Effiziente Container-Nutzung57:48 Flexibles Layout mit Rows und Columns58:41 Gestaltung von Cards und Inhalten01:01:03 Responsive Design und Breakpoints01:02:18 Abstände und Margins in der Gestaltung01:04:39 Animationen und Interaktionen mit GSAP01:06:58 Komponentenbasierte Ansätze in der Webentwicklung01:10:00 Vorlagen und Templates für Kunden01:13:11 Empfehlungen für Kunden im Designprozess

Die ersten 50 Teilnehmer zahlen nur 99€ → https://formburg.com/gsap-masterclassIn 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

In diesem Webflow Talk spreche ich mit Christian Schmitt über die neuen Code Components, Webflow Cloud & Full‑Stack Web Apps. Wir tauchen ein in technische Details, Vorteile gegenüber klassischem API‑Einsatz, Performance, KI‑Generierung und zukünftige Trends in Webflow. 👉 Meine Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses Christian Schmitt online LinkedIn: https://www.linkedin.com/in/christian-schmitt-bremen/ X: https://twitter.com/chris_bytes_x Instagram: https://www.instagram.com/chris_bytes/ YouTube: https://www.youtube.com/@chris_bytes

Die Webflow Conf 2025 hat wieder jede Menge neue Features angekündigt. Von AI-Code-Generation über Code-Komponenten bis hin zu einem ganz neuen CMS. Aber mal ehrlich: Sind das echte Gamechanger oder nur Marketing-Hype? Als Webflow Power-User schaue ich mir die Conf-Updates genau an und teste, ob es dafür wirklich nützliche Use Cases gibt. In diesem Video bekommst du: ✅ Meine ehrliche Reaction zur Webflow Conf 2025 ✅ Konkrete Beispiele für neue Features (AI, Apps, Komponenten, CMS APIs) ✅ Einschätzung: Was wirklich nützlich ist und was eher Show bleibt ✅ Tipps, wie du die Neuerungen sofort für eigene Projekte nutzen kannst --------------------------------------------- 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 --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

In dieser Formburg Podcastfolge diskutieren Jonas Arleth und Marvin Blach von der Agentur Halbschrank über die Verbindung von Webflow und Shopify, die Entwicklung des Tools Liquify und die Herausforderungen im E-Commerce-Bereich. Sie beleuchten die Vorzüge von Custom Themes, die Kundenanfragen und die technische Umsetzung. Zudem wird das Preismodell von Liquify sowie die Zielgruppen und die Community besprochen. Abschließend wird ein Vergleich zwischen Webflow und Shopify gezogen und die Zukunft der beiden Plattformen thematisiert. Sie beleuchten die Stärken und Schwächen beider Plattformen, insbesondere in Bezug auf Kundenmanagement, Rechtemanagement und die Benutzerfreundlichkeit. Zudem wird die neue Lösung Liquify vorgestellt, die als deutsches Produkt im Webdesign-Bereich auftritt. Die beiden Experten betonen die Wichtigkeit des Community-Feedbacks und die Notwendigkeit, die Tools kontinuierlich zu verbessern. Links • Website Halbstark: https://www.halbstark.de/ • Liquify: https://www.liquify.pro --------------------------------------------- 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 --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links