Prototypen (Beta)

Wer kann es tun: Alle Nutzer
Welche Preispläne: Bei allen Plänen können Enterprise-Admins hier Beta-Zugriff anfordern.
Plattformen: Browser, Desktop

Mit Prototyping kannst du interaktive Prototypen mit Create with AI 2.0 erstellen. 

Weitere Informationen: Siehe Prototyping-Übersicht.

Ein Prototyp mit „KI nutzen“ erstellen

1. Öffne das Create with AI ()-Panel.
2. Prototyp auswählen.
3. Wähle den Gerätetyp für den Prototyp aus.
4. Wähle aus, ob du einen Multi-Screen-Fluss oder einen Single Screen Prototyp erstellen möchtest.
5. Gib deine Eingabe ein. Je mehr Details du angibst, desto genauer werden die Ergebnisse.
6. Drücke die Eingabetaste oder klicke das Send-Symbol.
7. Dein Prototyp wird auf dem Canvas generiert. Bitte beachten Sie, dass das Erstellen von Prototypen einige Minuten dauern kann.
8. Wenn du mit dem ersten Ergebnis zufrieden bist und mit der manuellen Bearbeitung beginnen möchtest, klicke auf Auf die Leinwand anwenden.
9. Wenn du neu beginnen möchtest, klicke auf Version verwerfen.
10. Wenn du deinen Prototyp mit Create with AI bearbeiten oder verfeinern möchtest, gehe unten zu "Prototyp verfeinern".

Kontext aus dem Canvas hinzufügen

Du kannst deinem KI-Prompt Kontext hinzufügen, wie z. B. ein Designbriefdokument oder Haftnotizen, um ein Prototyp zu erstellen, der besser zu deinen Designanforderungen passt.

1. Wähle relevante Board-Inhalte aus, um deinem Prototyp Kontext hinzuzufügen.
2. Öffne das Create with AI () Panel.
3. Folge den Anweisungen, um einen Prototyp mit "Create with AI" zu erstellen.
4. Create with AI verwendet die ausgewählten Board-Inhalte als Kontext für deinen Prototyp.

Verfeinere deinen Prototypen mit KI

Sobald dein Prototype-Entwurf erstellt wurde, kannst du die Ergebnisse verfeinern.

1. Klicke im Eingabefenster auf eine Option, um entweder einen Bildschirm hinzuzufügen oder den Prototyp zu bearbeiten.
2. Gib die Änderungen ein, die du vornehmen möchtest, oder den Bildschirm, den du hinzufügen möchtest.
3. Drücke die Eingabetaste oder klicke auf das Senden-Symbol.
4. Wiederhole diesen Vorgang, bis du mit dem Ergebnis des Prototyps zufrieden bist.
5. Wenn du fertig bist, klicke auf Auf dem Canvas anwenden.
6. Du kannst jetzt deinen Prototypen manuell bearbeiten.

Stile auf deine Prototypen anwenden

Wenn du den visuellen Stil von einer bestehenden Website auf deinen Prototypen anwenden möchtest, kannst du Miro AI verwenden, um den Stil automatisch anzuwenden.

1. Wähle deinen Prototyp-Bildschirm/deine Prototyp-Bildschirme aus.
2. Klicke auf das Miro AI-Symbol im Kontextmenü.
3. Wähle Stil aus Bild importieren.
4. Wähle die Bilddatei, von der du den Stil importieren möchtest.
5. Miro AI wendet den Stil auf deinen Prototyp an.

Verbindungslinien hinzufügen, um einen interaktiven Prototyp zu erstellen

Von KI generierte Prototypen enthalten Verbindungslinien, die du jedoch ändern oder weitere hinzufügen kannst. 

1. Klicke auf das Element in deinem Prototyp, das zu einem anderen Bildschirm führen soll. Ein Verbindungslinie-Symbol wird neben dem Element angezeigt.
2. Klicke und ziehe das Symbol der Verbindungslinie auf den entsprechenden Bildschirm. Eine Verbindungslinie wird erscheinen.
3. In der Prototypen-Vorschau wirst du zu dem verbundenen Bildschirm weitergeleitet, wenn du auf ein verbundenes Element klickst.

Einen Prototyp aus einem bestehenden Design erstellen

Falls du an einem bestehenden Design iterieren möchtest, kannst du Miro AI verwenden, um Screenshots in interaktive Prototypen zu konvertieren.

1. Füge einen Screenshot deines bestehenden Designs zum Canvas hinzu.
2. Klicke auf den Screenshot, um das Kontextmenü anzuzeigen.
3. Klicke auf das Miro AI-Symbol.
4. Wähle Bild in Prototyp umwandeln aus.
5. Wähle den Gerätetyp aus: Mobilgerät, Tablet oder Desktop.
6. Miro AI wird dein Design in einen interaktiven Prototyp umwandeln.