Zum Inhalt springen
inlu

Prototyping

Mach den Ablauf zum Teil des Designs.

Verbinde Zustände, Variablen, Bedingungen und Bewegung und sieh dir das Erlebnis in der Vorschau an, ohne es von der editierbaren Arbeitsfläche zu trennen.

Canvas startenDesigndatei importieren

Verhalten

Beschreibe, was als Nächstes geschieht.

Erstelle einen Ablauf aus aussagekräftigen Zuständen und den Bedingungen, die sie verbinden.

Zustände

Gib jedem wichtigen Moment einen klaren Platz im Ablauf.

Bedingungen

Wähle den nächsten Zustand aus dem aktuellen Kontext.

Variablen

Übernimm eine Auswahl oder einen Wert in den weiteren Ablauf.

Bewegung

Zeige, wie ein Zustand in den nächsten übergeht.

Vorschau

Teste das Verhalten, während die Arbeitsfläche editierbar bleibt.

Wechsle zwischen Design und Vorschau, ohne den Prototyp an anderer Stelle neu aufzubauen.

Responsive Layouts

Prüfe das Erlebnis in einer anderen Frame-Größe.

Gemeinsamer Review

Nutzt dieselbe Datei, um den Prototyp zu besprechen.

Kommentare im Kontext

Halte Feedback direkt neben dem relevanten Zustand.

Weitergestalten

Kehre zur Komponente zurück und verfeinere die Quelle.

Prototyping-Werkzeuge

Vom statischen Frame zum verbundenen Erlebnis.

  • Interaktive Zustände
  • Bedingungen
  • Variablen
  • Bewegung
  • Responsive Layouts
  • Review im Kontext

Ablauf erstellen

Erstelle den Prototyp aus derselben Designquelle.

Starte eine Arbeitsfläche oder importiere eine Designdatei, die du bereits kennst.

Canvas startenDesigndatei importieren