# Flowstep: German ## German ### Dokumentation #### Erste Schritte - [Was ist Flowstep?](https://docs.flowstep.ai/de/introduction.md): Flowstep ist ein KI-Designtool, das polierte UI-Screens aus Textprompten generiert. Erfahren Sie, was es tut, für wen es gedacht ist und was Sie damit erstellen können. - [Erste Schritte mit Flowstep: Registrierung und Designgenerierung](https://docs.flowstep.ai/de/getting-started.md): Erstellen Sie ein kostenloses Flowstep-Konto, generieren Sie Ihr erstes UI-Design aus einem Textprompt und teilen Sie es mit Ihrem Team — alles in einer Sitzung. - [Flowstep nutzen ohne vorherige Designerfahrung](https://docs.flowstep.ai/de/no-design-skills.md): Sie benötigen keinen Design-Hintergrund, um großartige UI-Screens mit Flowstep zu erstellen. Erfahren Sie, wie Sie beschreiben, was Sie möchten, und lassen Sie Flowstep den Rest erledigen. #### Flowstep verwenden - [UI-Screens aus Textprompts mit Flowstep generieren](https://docs.flowstep.ai/de/generating-designs.md): Nutzen Sie Flowstep, um mit einem einzigen Textprompt einen Screen oder bis zu 6 Screens auf einmal zu generieren – ideal für schnelle UI-Ideen und das Erkunden kompletter Flows. - [Flowstep-Designs über Chat oder Canvas bearbeiten und verfeinern](https://docs.flowstep.ai/de/editing-designs.md): Verfeinern Sie jeden von Flowstep generierten Screen durch manuelle visuelle Bearbeitung oder Chat-Prompts – so oft Sie möchten, bis das Design stimmt. - [Verwenden Sie Referenzen, um Flowstep-Designs zu lenken und zu beschleunigen](https://docs.flowstep.ai/de/design-references.md): Fügen Sie ein PRD an, laden Sie ein Bild hoch oder fügen Sie eine URL ein, um Flowstep Kontext zu geben – damit Sie schneller Ideen generieren können, ohne lange Prompts schreiben zu müssen. - [Legen Sie Design-Richtlinien fest, um jede Flowstep-Generierung markenkonform zu halten](https://docs.flowstep.ai/de/design-guidelines.md): Definieren Sie Design-Richtlinien auf Dateiebene im DESIGN.md-Format – Farben, Typografie, Abstände und Konventionen, die jede KI-Generierung und -Bearbeitung in der Datei steuern. - [Themes nutzen, um Farben und Eckenrundung über alle Flowstep-Screens hinweg konsistent zu halten](https://docs.flowstep.ai/de/themes.md): Wählen oder generieren Sie für jede Datei ein Theme, passen Sie einzelne Screens an, bearbeiten Sie die Themes Ihrer Organisation und verknüpfen Sie Farben und Ecken mit Theme-Tokens, damit Änderungen auf alle Screens übertragen werden. - [Zeigen Sie Flowstep-Designs als interaktive Prototypen an](https://docs.flowstep.ai/de/prototypes.md): Öffnen Sie jede Flowstep-Datei als anklickbaren Prototyp – Flowstep verlinkt Ihre Screens automatisch, und Sie können die Navigation manuell pro Element einstellen oder sperren. - [Teilen Sie Flowstep-Designs mit Ihrem Team und Stakeholdern](https://docs.flowstep.ai/de/sharing-designs.md): Erstellen Sie einen teilbaren Link für jedes Flowstep-Design, steuern Sie mit den Stufen des allgemeinen Zugriffs, wer eine Datei öffnen kann, und laden Sie Personen per E-Mail zum Anzeigen oder Bearbeiten ein. #### Teams & Organisationen - [Flowstep-Organisationen: Teams, Rollen und Berechtigungen](https://docs.flowstep.ai/de/organizations.md): Erfahren Sie, wie Organisationen in Flowstep funktionieren – was Owner, Admin, Member und Guest tun können, wie Dateien über Ihr Team hinweg freigegeben werden und wie Sie einer Organisation beitreten oder wechseln können. - [Verwalten Sie Ihre Organisation: Personen, Rollen und Einstellungen](https://docs.flowstep.ai/de/organization-settings.md): Fügen Sie Mitglieder zu Ihrer Flowstep-Organisation hinzu, ändern Sie Rollen, verwalten Sie Gäste und ausstehende Einladungen und benennen Sie Ihre Organisation um – alles in den Einstellungen. #### Export & Integrationen - [Flowstep-Designs als JPG- oder PNG-Bilddateien herunterladen](https://docs.flowstep.ai/de/export-formats.md): Flowstep unterstützt den Export von Designs als JPG oder PNG. Erfahren Sie, welches Format zu Ihrem Anwendungsfall passt, und laden Sie Ihre Screens in wenigen Klicks herunter. - [Designs zwischen Flowstep und Figma verschieben](https://docs.flowstep.ai/de/figma-integration.md): Kopieren Sie einen Flowstep-Frame mit Kopieren und Einfügen nach Figma, oder importieren Sie Figma-Frames als bearbeitbare Screens in Flowstep. Arbeiten Sie in beiden Tools, ohne zu wechseln. #### MCP-Server - [Flowstep MCP-Server](https://docs.flowstep.ai/de/mcp/overview.md): Verbinden Sie Ihren Coding-Agenten über MCP mit Flowstep, um Screens auf der Design-Canvas zu generieren, zu bearbeiten, zu prüfen und zu verwalten, aus Claude, Cursor, Codex oder einem beliebigen MCP-kompatiblen Client. - [MCP-Schnellstart](https://docs.flowstep.ai/de/mcp/quickstart.md): Verbinden Sie Flowstep mit Ihrem Coding-Agenten und führen Sie Ihren ersten Tool-Aufruf aus. - [MCP-Authentifizierung](https://docs.flowstep.ai/de/mcp/authentication.md): So authentifizieren sich Clients bei Flowstep MCP: OAuth-2.1-PKCE-Flow und Kontoerstellung. - [MCP-Tool-Referenz](https://docs.flowstep.ai/de/mcp/tools.md): Eingabeschema, Ausgabeform und Beispiele für alle 23 Flowstep-MCP-Tools. - [MCP-Nutzungslimits](https://docs.flowstep.ai/de/mcp/usage-limits.md): Welche Flowstep-MCP-Tools Nachrichten verbrauchen, wie Limits für MCP-Tool-Aufrufe gelten und wie Sie Ihr verbleibendes Kontingent prüfen. - [MCP-Beispiele](https://docs.flowstep.ai/de/mcp/examples.md): End-to-End-Workflows für gängige Aufgaben mit Flowstep MCP. ##### Clients - [Flowstep MCP — Cursor](https://docs.flowstep.ai/de/mcp/clients/cursor.md): Verbinden Sie Flowstep mit Cursor über den Streamable-HTTP-MCP-Transport. - [Flowstep MCP — Claude Code](https://docs.flowstep.ai/de/mcp/clients/claude-code.md): Verbinden Sie Flowstep mit Claude Code (CLI) über den Streamable-HTTP-MCP-Transport. - [Flowstep MCP — Windsurf](https://docs.flowstep.ai/de/mcp/clients/windsurf.md): Verbinden Sie Flowstep mit Windsurf über den Streamable-HTTP-MCP-Transport. - [Flowstep MCP — Codex](https://docs.flowstep.ai/de/mcp/clients/codex.md): Verbinden Sie Flowstep mit OpenAI Codex über den Streamable-HTTP-MCP-Transport. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/de/mcp/clients/claude-desktop.md): Fügen Sie Flowstep mit einem Klick aus dem Connector-Verzeichnis von Claude zu Claude Desktop hinzu. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/de/mcp/clients/claude-ai.md): Fügen Sie Flowstep mit einem Klick aus dem Connector-Verzeichnis von Claude zu Claude hinzu. #### Abrechnung & Tarife - [Flowstep-Preisgestaltung: kostenlose Testphase, kostenloses Tier und kostenpflichtige Tarife](https://docs.flowstep.ai/de/pricing.md): Starten Sie Flowstep mit einer kostenlosen Testphase ohne Kreditkarte. Vergleichen Sie die Tarife Free, Starter, Pro und Max mit Preisen pro Platz und jährlicher Abrechnung mit bis zu 20 % Ersparnis. - [Flowstep-Abrechnung: Zyklen, Kündigung und Zugriff](https://docs.flowstep.ai/de/billing.md): Erfahren Sie, wie Flowstep monatliche und jährliche Abrechnungszyklen verwaltet, wer die Abrechnung in einer Organisation verwalten kann, wie Sie Ihr Abonnement kündigen und was nach der Kündigung geschieht. - [Plätze und Abrechnung pro Platz für Flowstep-Teams](https://docs.flowstep.ai/de/seats.md): So funktionieren Plätze in bezahlten Flowstep-Tarifen: Wer einen Platz nutzt, wie sich das Hinzufügen und Entfernen von Mitgliedern auf Ihre Rechnung auswirkt und was mit Mitgliedern ohne Platz geschieht. - [Flowstep-Nachrichten erklärt: Nutzungslimits und Zurücksetzungen](https://docs.flowstep.ai/de/messages-and-limits.md): Erfahren Sie, was in Flowstep als Nachricht zählt, wie tägliche und monatliche Limits funktionieren, wie Limits pro Platz in einem Team gelten und was passiert, wenn Sie Ihr Limit erreichen. - [Zugriff auf und Download Ihrer Flowstep-Abrechnungsrechnungen](https://docs.flowstep.ai/de/invoices.md): Flowstep generiert automatisch Rechnungen für alle bezahlten Pläne nach jedem Abrechnungszyklus. Laden Sie diese jederzeit von Ihrem Konto-Dashboard herunter. #### Sicherheit & Datenschutz - [Wie Flowstep Ihre Kontodaten und Designs schützt](https://docs.flowstep.ai/de/security.md): Erfahren Sie, wie Flowstep Ihre Daten mit Verschlüsselung während der Übertragung und im Ruhezustand schützt, und wo Sie vollständige Sicherheitsdetails in der Datenschutzrichtlinie finden. - [Flowstep-Datenschutzrichtlinie und Limits für KI-Training](https://docs.flowstep.ai/de/data-privacy.md): Flowstep nutzt Ihre persönlichen Daten nicht zum Trainieren von KI-Modellen, und auch nicht die LLM-Anbieter. Erfahren Sie, welche Daten möglicherweise verwendet werden und wie. ### Änderungsprotokoll - [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.