Im Fokus
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.
PageWeave Academy
Vom Design zur Website. Ohne Blindflug.
Praxisnahe Anleitungen für Figma, KI-Agenten und PageWeave. Du lernst, wie aus einem Screendesign eine echte, schnelle Website wird – und wie du sie sauber betreibst.
6 Tutorials · wöchentlich neu · kostenlos
Neu in der Academy
Zuletzt veröffentlicht
Grundlagen
6 Min.
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.
einsteiger
KI-Agenten
14 Min.
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.
einsteiger
Figma zu Website
9 Min.
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.
fortgeschritten
In Reihenfolge lernen
Lernpfade
Zwei Wege mit klarem Ziel. Jeder Schritt baut auf dem vorherigen auf.
Figma
Figma zu PageWeave
Von der vorbereiteten Figma-Datei zur responsiven, barrierefreien Website – inklusive Design-Spec und Launch-Checkliste.
- Figma-Datei für die Übergabe vorbereiten
- Design-Spec mit der REST API extrahieren
- Tokens und Komponenten übersetzen
- Mit dem Agenten bauen und prüfen
4 Schritteca. 3 Stunden
Grundlagen
Deine erste Website
PageWeave verstehen, eine Seite mit dem Agenten bauen, veröffentlichen und die wichtigsten Einstellungen setzen.
- PageWeave in 5 Minuten verstehen
- Erste Seite mit einem KI-Agenten bauen
- Prüfen, veröffentlichen, teilen
2 Schritteca. 75 Minuten
Nach Aufgabe
Themen
01
Figma zu Website
Screendesigns sauber übergeben, Design-Specs mit der REST API extrahieren und Tokens nach PageWeave übersetzen – ohne Ein-Klick-Versprechen.
4 Tutorials 02KI-Agenten
Agenten briefen, MCP verbinden, Ergebnisse prüfen: praktische Anleitungen für die Zusammenarbeit mit KI-Agenten – ohne die Kontrolle abzugeben.
1 Tutorial 03Grundlagen
PageWeave verstehen: Seiten, Versionen, Umgebungen und Releases – das Fundament für die erste Website und für Builds mit KI-Agenten.
1 TutorialHaltung
Weniger Hype. Mehr Handwerk.
KI-Agenten bauen keine guten Websites, weil sie schnell tippen. Sie bauen gute Websites, weil sie klare Vorgaben bekommen: Struktur, Tokens, Zustände, Grenzen.
Die Academy zeigt dir, wie du diese Vorgaben machst – in Figma, im Prompt und im Review. Jede Anleitung wird an einer echten Website geprüft, bevor sie erscheint.