Thema
Figma ist der Ort, an dem die Entscheidungen fallen: Farben, Typografie, Abstände, Hierarchie. Der Browser ist der Ort, an dem sie sich beweisen müssen.
Dieses Thema zeigt den Weg dazwischen – ohne Ein-Klick-Versprechen. Du lernst, wie du eine Datei übergabefähig machst, wie du mit der REST API eine kompakte Design-Spec baust und wie du Tokens, Komponenten und Layout-Regeln in PageWeave übersetzt.
Wenn du nur ein Tutorial lesen willst, nimm Figma zu PageWeave. Es ist der vollständige Durchlauf.
Tutorials
Responsive QA für mit Agenten gebaute Seiten: drei Breiten, lange Texte, Tastatur, Fokus, Kontrast und Reduced Motion – reproduzierbar geprüft.
Figma-Tokens sauber nach PageWeave übersetzen: Styles lesen, Variables-Grenzen kennen, CSS-Variablen und daisyUI-Theme mappen und Kontrast prüfen.
So bereitest du eine Figma-Datei für Agenten und Entwickler vor: Struktur, Tokens, Komponenten, Zustände und drei Breakpoints – mit Checkliste.
So wird aus einem Figma-Frame eine echte Website: Design-Spec per REST API extrahieren, Tokens übersetzen, den Agenten briefen, prüfen und launchen.