# Zeplin + Uebfaqe: aus Design-Screens werden Webseiten

> Verbinde Zeplin, und die AI liest Screens, Komponenten und Farben deines Projekts, um die Website danach zu bauen. Notizen fügt sie erst nach Freigabe hinzu.

- Kanonische URL: https://uebfaqe.ai/de/integrationen/zeplin
- Abschnitt: Integrationen
- Sprache: de
- Herausgeber: Uebfaqe (https://uebfaqe.ai)

## Zusammenfassung

Wenn die Designerin ihre Arbeit in Zeplin übergibt, sind die Specs fertig. Verbinde es, und die AI nutzt die Screens und den Styleguide für deine Seiten, ohne dass du alles von Hand überträgst.

## Kernfakten

- Seiten nach deinen Screens: Die AI liest die Screens eines Zeplin-Projekts und baut die Seiten mit deren Reihenfolge und Texten.
- Dein Styleguide: Die AI übernimmt Farben, Schriften und Komponenten aus dem Styleguide und nutzt sie auf deiner ganzen Website.
- Notizen nach Bestätigung: Bitte die AI, eine Notiz an einem Screen zu hinterlassen, etwa eine Frage an die Designerin. Das passiert erst nach deiner Bestätigung.

Das in Zeplin übergebene Design, gebaut als Website

## Was du die AI fragen kannst

Beispiele, die du in den Chat schreibst, sobald die App mit deiner Website verbunden ist.

- Bau die Seite Preise nach dem Screen Pricing im Projekt Website in Zeplin.
- Nutz die Farben und Schriften des Zeplin-Styleguides für Buttons und Überschriften.
- Hinterlass in Zeplin eine Notiz am Screen Kontakt zur Mobilversion.

## So verbindest du sie

1. **Integrationen öffnen**: Öffne in Studio die Integrationen der Website, in der du Zeplin nutzen willst, und such die App im Tab Durchsuchen.
2. **Auf Verbinden klicken**: Klick auf Verbinden, melde dich im neuen Fenster bei Zeplin an und erlaube den Zugriff. Die Verbindung gilt nur für diese Website.
3. **Frag die AI**: Sag im Chat, was du aus Zeplin brauchst. Die AI liest, was sie braucht, und bittet dich vor jeder Aktion in der App um deine Bestätigung.

## Du behältst die Kontrolle

Die AI liest deine Daten direkt, wenn sie sie braucht, aber alles, was in der App etwas sendet, ändert oder löscht, wartet, bis du es im Chat bestätigst. Deine Daten bleiben privat und erscheinen nie auf deiner Website, außer du bittest darum.

## Häufige Fragen

### Folgt die AI dem Design ganz genau?

Die AI folgt Screens, Farben und Texten und baut eine echte Website, die auf jedem Bildschirm funktioniert. Details passt du im Chat oder im Editor an.

### Wenn die Designerin die Screens aktualisiert, ändert sich dann auch meine Website?

Nein. Die AI liest die Screens, wenn du darum bittest. Bitte die AI nach einem Update, die Seite anzupassen, und veröffentliche erneut.

### Kann die AI mein Zeplin-Projekt ändern?

Nein. Die AI liest die Screens und kann Notizen nur nach deiner Bestätigung hinterlassen, aber sie ändert das Design nicht.

## Weitere Integrationen

- [Canva](https://uebfaqe.ai/de/integrationen/canva): Einfaches Design mit Vorlagen für Social-Media-Beiträge und Präsentationen. Verbinde die App, damit die KI mit deinen Designs arbeitet.
- [Contentful](https://uebfaqe.ai/de/integrationen/contentful): Ein Headless-CMS, um Inhalte für jeden Kanal zu erstellen und zu verwalten. Verbinde die App, damit die KI mit deinen Inhalten arbeitet.
- [Figma](https://uebfaqe.ai/de/integrationen/figma): Gemeinsames Interface-Design für dein Team. Verbinde die App, damit die KI mit deinen Design-Dateien arbeitet.

---

Quelle: https://uebfaqe.ai/de/integrationen/zeplin