Tutorials
Anleitungen, die ein Ergebnis haben.
Jedes Tutorial beginnt mit einer Aufgabe und endet mit etwas, das du zeigen, testen oder veröffentlichen kannst. Kein Produktrundgang, keine Theorie ohne Anwendung.
01
Lesen →
02
Lesen →
03
Lesen →
04
Lesen →
05
Lesen →
06
Lesen →
Figma zu Website
Figma zu PageWeave: Vom Screendesign zur Website
So wird aus einem Figma-Frame eine echte Website: Design-Spec per REST API extrahieren, Tokens übersetzen, den Agenten briefen, prüfen und launchen.
Figma zu Website
Figma-Datei für die Übergabe vorbereiten
So bereitest du eine Figma-Datei für Agenten und Entwickler vor: Struktur, Tokens, Komponenten, Zustände und drei Breakpoints – mit Checkliste.
Figma zu Website
Design-Tokens von Figma nach PageWeave
Figma-Tokens sauber nach PageWeave übersetzen: Styles lesen, Variables-Grenzen kennen, CSS-Variablen und daisyUI-Theme mappen und Kontrast prüfen.
Figma zu Website
Responsive QA: 375, 768, 1440
Responsive QA für mit Agenten gebaute Seiten: drei Breiten, lange Texte, Tastatur, Fokus, Kontrast und Reduced Motion – reproduzierbar geprüft.
KI-Agenten
Deine erste Website mit einem KI-Agenten
Von der leeren PageWeave-Website zur veröffentlichten Startseite: Agent verbinden, Brief schreiben, Section für Section bauen, prüfen und live schalten.
Grundlagen
PageWeave in 5 Minuten: Seiten, Versionen, Releases
Seiten, Versionen, Umgebungen und Releases verständlich erklärt: das mentale Modell für PageWeave – in fünf Minuten, ohne Marketing und ohne Vorkenntnisse.