Finde genau das Tutorial, das du brauchst.

Über 150 kostenlose Webflow-Tutorials, sortiert nach Thema. Kein Account nötig, einfach loslegen.
100% free · No account required
Tutorials
‍
Courses  
FREE GUIDES




.
.
‍
TEACHING WEBFLOW
SINCE 2018

00
von insgesamt
00
geladen

Figma MCP vs. Screenshots: Was funktioniert besser mit Claude Code?

Figma MCP oder Screenshots? Ich habe drei Claude Code Workflows direkt verglichen. Welcher baut die besseren Websites und lohnt sich der Figma MCP?
Video
​
Kategorie
AI

Anschauen
Beitrag anschauen

Meine bisher schwierigste Animation für Claude Code

Schafft Claude Code einen Infinite Slider mit nahtlosem FLIP Übergang ins Overlay? Mein Test mit GSAP, Smooothy und einem eigenen Figma Design.
Video
​
Skill
Einfach
Kategorie
AI

Anschauen
Beitrag anschauen

I Let Claude Build My Scroll Animation From Figma

Can Claude build a complex GSAP scroll animation from a Figma design? I test it and use DialKit to fine tune timing and easing live in the browser.
Video
​
Skill
Einfach
Kategorie
AI

Anschauen
Beitrag anschauen

Ich habe ein Layout in Figma gestaltet. Kann Claude es bauen?

Ich habe eine Website in Figma designt und Claude nur einen Screenshot, Fonts, Bilder und einen Prompt gegeben. So nah kommt AI an ein individuelles animiertes Design.
Video
​
Skill
Einfach
Kategorie
AI

Anschauen
Beitrag anschauen

Nicht nur Websites: Diese 3 KI-Projekte zeigen dir, was du jetzt für Kunden bauen kannst

Drei KI Projekte als Inspiration für Webdesigner: 3D Welten aus Blender, Depth Map Effekte mit GSAP und eigene Brandtools mit Dialkit für deine Kunden.
Video
​
Kategorie
AI

Anschauen
Beitrag anschauen

Source by Webflow: Haben wir zu hohe Ansprüche?

Source by Webflow im Check: Was das neue Tool kann, wo die Grenzen liegen und was du besser selbst baust. Klare Einordnung für Webdesigner.
Video
​
Kategorie
Webflow Updates

Anschauen
Beitrag anschauen

Wars das mit Webflow? Was die Conf 2026 für uns bedeutet

Webflow richtet sich auf der Conf 2026 an Marketer, Unternehmen und KI-Agenten. Was das für Designer und Entwickler bedeutet.
Video
​
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

Mit diesem GSAP-Effekt wird jede Liste zum Hingucker – Webflow Tutorial

Baue eine einfache Typografie Scroll Animation in Webflow mit GSAP. Namen skalieren in der Mitte und animierte Klammern erscheinen, gesteuert über das CMS.
Video
​
Skill
Einfach
Kategorie
GSAP

Anschauen
Beitrag anschauen

So baust du einzigartige CMS Grids in Webflow

Baue ein einzigartiges, responsives CMS Grid in Webflow ohne unnötigen Custom Code. Lerne Container Query Units, nth-child Targeting und skalierbare Layouts.
Video
​
Skill
Fortgeschritten
Kategorie
Webflow CMS

Anschauen
Beitrag anschauen

Webflow 2.0: Der Beginn eines neuen Kapitels – Unsere komplette Analyse

Webflow 2.0, native Desktop App und MCP 2.0: ehrliche Analyse vor der Webflow Conf, was realistisch ist und für wen der Schritt gedacht ist.
Video
​
Kategorie
Webflow Talk

Anschauen
Beitrag anschauen

Kreative GSAP Hero Animation mit einem 3D Card Loop-Effekt

Lerne Schritt für Schritt, wie du in Webflow mit GSAP eine premium Hero Section animierst, inklusive Scroll Trigger, Stagger und Loop Effekt.
Video
​
Skill
Fortgeschritten
Kategorie
Animation

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Webflow 2.0: Kommt jetzt die lokale Mac App?

Webflow 2.0: Kommt jetzt die lokale Mac App?

Der Teaser zur Webflow Conf zeigt eine lokale Mac App. Wir ordnen ein, was Webflow 2.0 wirklich bedeuten könnte.
Video
​
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

Webflow Text-Marquee-Animation mit der neuen GSAP Timeline

Lerne, wie du eine loopende Marquee in Webflow mit der GSAP Timeline baust. Ohne Custom Code scroll-getriggert und performance-freundlich.
Video
​
Skill
Einfach
Kategorie
GSAP

Anschauen
Beitrag anschauen

360° Produkt-Hero in Webflow ohne 3D

Baue einen 360° rotierenden Produkt-Hero in Webflow mit KI-generiertem Video, Blend Modes und Container Queries. Kostenloses Cloneable inklusive.
Video
​
Skill
Einfach
Kategorie
Animation

Anschauen
Beitrag anschauen

Dieser GSAP Scroll-Effekt macht jede Hero Section hochwertig

Baue einen hochwertigen GSAP Hero Scroll-Effekt in Webflow. Lerne Skalierung, Parallax und Stagger-Animationen Schritt für Schritt kostenloses Cloneable inklusive.
Video
​
Skill
Einfach
Kategorie
GSAP

Anschauen
Beitrag anschauen

3 Hero Section Fehler, die die meisten Webdesigner machen

3 Hero Section Fehler, die die meisten Webdesigner machen und wie du sie in Webflow behebst. Von min-height bis clip-path Trick für Einsteiger erklärt.
Video
​
Skill
Einfach
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen

Webflow Projekt neu starten – KI (Claude) migriert mein CMS

Webflow CMS mit Claude AI in ein neues Projekt übertragen: Collections, Items und Mehrsprachigkeit – so klappt die Migration.
Video
​
Skill
Einfach
Kategorie
Webflow CMS

Anschauen
Beitrag anschauen

So managed Claude mein Webflow CMS automatisch (Prompt + Workflow)

So verbindest du Claude mit Webflow und Notion, um Blogposts, Übersetzungen und CMS-Inhalte mit KI deutlich schneller zu automatisieren.
Video
​
Skill
Einfach
Kategorie
Automatisierung

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Next-Level 3D Buchstaben-Animation in Webflow (NEUER GSAP Ease Visualizer)

Next-Level 3D Buchstaben-Animation in Webflow (NEUER GSAP Ease Visualizer)

Lerne, wie du eine 3D Bühnen-Animation in Webflow mit GSAP, Bounce Easing, Split Text und modernem Apple-like Motion Design baust.
Video
​
Skill
Fortgeschritten
Kategorie
Animation

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: MAST Framework Deep Dive in Webflow: Vom Setup zum System

MAST Framework Deep Dive in Webflow: Vom Setup zum System

Deep Dive ins MAST Framework für Webflow: Unterschiede zu Client-First, Komponenten-Workflow, Grid-System, Variablen, Icons und Kunden-Setup.
Video
​
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

Webflow CMS: Stagger Animation jedes Items pro Grid Row

Animier Webflow CMS Collection List Items nacheinander beim Scrollen mit Set Class + CSS nth-child Delays, inkl. Reduced Motion und Designer-Tipp.
Video
​
Skill
Einfach
Kategorie
Animation

Anschauen
Beitrag anschauen
00
von insgesamt
00
geladen