> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep nutzen ohne vorherige Designerfahrung

> 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.

Sie müssen nicht wissen, was der Unterschied zwischen einer Schriftart und einem Font ist, Rastersysteme verstehen oder jemals ein Design-Tool geöffnet haben. Flowstep kümmert sich um Layout, Typographie, Farbe, Abstände und visuelle Hierarchie automatisch — Ihre Aufgabe besteht einfach darin, zu beschreiben, was Sie möchten.

## Wie es ohne Designkenntnisse funktioniert

Wenn Sie einen Prompt eingeben, interpretiert Flowstep Ihre Beschreibung und trifft alle visuellen Entscheidungen, die ein Designer normalerweise treffen würde: wie Elemente auf dem Screen arrangiert werden, welche Schriftarten verwendet werden, wie viel Leerraum hinzugefügt wird und wie eine visuelle Hierarchie aufgebaut wird, die den Blick lenkt. Sie beschreiben den Zweck und den Inhalt; Flowstep erstellt einen Screen, der aussieht, als hätte ihn ein Professional designt.

<Tip>
  Behandeln Sie die Eingabe von Prompts in Flowstep, als würden Sie einen Designer einarbeiten. Sie würden einen Designer nicht sagen, welche Schriftgröße verwendet werden soll – Sie würden ihm sagen, wofür der Screen gedacht ist und was er kommunizieren muss. Flowstep funktioniert genauso.
</Tip>

## Tipps zum Schreiben guter Prompts

Konzentrieren Sie sich auf drei Dinge: den Zweck des Screens, die wichtigsten Informationen, die er anzeigen sollte, und die Art des Produkts oder der Zielgruppe.

**Mit dem Zweck des Screens beginnen**

Beginnen Sie damit, was der Screen tun soll. „Sign-up screen for a meal planning app" sagt Flowstep viel mehr als eine Liste von UI-Elementen.

**Erwähnen Sie die wichtigsten Inhalte oder Aktionen**

Beziehen Sie die wichtigsten Dinge ein, die ein Benutzer sehen oder tun sollte. Sie müssen nicht alles auflisten — nur die Elemente, die für das Erlebnis am wichtigsten sind.

**Beziehen Sie sich auf eine Produktart oder Zielgruppe, wenn dies hilfreich ist**

Die Erwähnung der Art des Produkts (z. B. Consumer-Mobile-App, B2B-Dashboard, E-Commerce-Checkout) hilft Flowstep, den richtigen visuellen Ton und die Konventionen abzustimmen.

<Tip>
  Wenn Ihr erstes Ergebnis nicht ganz richtig ist, beginnen Sie nicht von vorne — geben Sie einfach einen Folge-Prompt ein. Zu sagen „make the layout more minimal" oder „use a darker color scheme" reicht aus, um das Design in eine neue Richtung zu lenken.
</Tip>

## Beispiel-Prompts zum Ausprobieren

Hier sind einige Prompts, die gut funktionieren und in einfachem Englisch ohne Design-Terminologie geschrieben sind:

**Onboarding-Ablauf für eine Fitness-App**

> "First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started."

**Einstellungsseite für ein SaaS-Produkt**

> "Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look."

**Mobiler Checkout-Screen**

> "Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase."

<Note>
  Diese Prompts funktionieren nicht, weil sie Design-Sprache verwenden, sondern weil sie klar den Zweck, Inhalt und Kontext des Screens beschreiben. Das ist alles, was Sie benötigen.
</Note>