Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Grundlagen des Prototypings in Figma: Erstellung Interaktiver Nutzerflüsse | Mastering Prototyping in Figma
UI/UX-Design mit Figma

bookGrundlagen des Prototypings in Figma: Erstellung Interaktiver Nutzerflüsse

Interaktive Prototypen in Figma veranschaulichen das Verhalten eines Designs und ermöglichen es Kunden und Stakeholdern, die Benutzererfahrung des Endprodukts zu visualisieren. Um einen einfachen Prototyp zu erstellen:

  • Zum Prototype-Tab wechseln und den ersten Frame auswählen;
  • Auf das Plus-Symbol neben "Flow Starting Point" klicken, um den Start-Frame festzulegen. Dieser kann bei Bedarf auf einen anderen Frame gezogen werden;
  • Ein Objekt oder einen Frame auswählen und den blauen Kreis-Knoten zu einem anderen Frame ziehen, um eine Verbindung herzustellen;
  • Verbindungen können angepasst oder entfernt werden, indem der Pfeil in einen leeren Bereich gezogen oder das Minus-Symbol im Prototype-Tab verwendet wird;
  • Auf das Play/Present-Symbol klicken, um den Prototyp zu öffnen;
  • Beim Klicken auf nicht verlinkte Bereiche werden Hotspots angezeigt. Ein Hotspot ist der Bereich, in dem die Interaktion stattfindet. Dies kann jedes Objekt im ursprünglichen Frame sein, wie z. B. ein Link, eine Schaltfläche, ein Bild oder ein Icon usw.
question mark

Was sind Hotspots in einem Figma-Prototyp?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.78

bookGrundlagen des Prototypings in Figma: Erstellung Interaktiver Nutzerflüsse

Swipe um das Menü anzuzeigen

Interaktive Prototypen in Figma veranschaulichen das Verhalten eines Designs und ermöglichen es Kunden und Stakeholdern, die Benutzererfahrung des Endprodukts zu visualisieren. Um einen einfachen Prototyp zu erstellen:

  • Zum Prototype-Tab wechseln und den ersten Frame auswählen;
  • Auf das Plus-Symbol neben "Flow Starting Point" klicken, um den Start-Frame festzulegen. Dieser kann bei Bedarf auf einen anderen Frame gezogen werden;
  • Ein Objekt oder einen Frame auswählen und den blauen Kreis-Knoten zu einem anderen Frame ziehen, um eine Verbindung herzustellen;
  • Verbindungen können angepasst oder entfernt werden, indem der Pfeil in einen leeren Bereich gezogen oder das Minus-Symbol im Prototype-Tab verwendet wird;
  • Auf das Play/Present-Symbol klicken, um den Prototyp zu öffnen;
  • Beim Klicken auf nicht verlinkte Bereiche werden Hotspots angezeigt. Ein Hotspot ist der Bereich, in dem die Interaktion stattfindet. Dies kann jedes Objekt im ursprünglichen Frame sein, wie z. B. ein Link, eine Schaltfläche, ein Bild oder ein Icon usw.
question mark

Was sind Hotspots in einem Figma-Prototyp?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 5
some-alt