Wer kann es verwenden: Alle Nutzer
Welche Preispläne: Alle Preispläne
Welche Plattformen: Browser, Desktop, Mobile
Verwende die Prototyping library, um Prototypen-Layouts direkt auf dem Miro-Canvas zu erstellen. Die Bibliothek enthält Screens, UI-Komponenten und Symbole, mit denen du Flows visualisieren und Ideen früh strukturieren kannst.
Du kannst die Prototyping library verwenden, um statische Prototypen zu erstellen. Funktionen wie erweiterte Komponenten, Verbindungslinien und interaktive Vorschau erfordern einen Business-Preisplan oder das Miro Prototypes Add-on für Enterprise-Preispläne.
Die Prototypen-Bibliothek enthält alles, was du brauchst, um manuell Single- und Multi-Screen-Flows in Miro zu erstellen
Prototypen-Bibliothek öffnen
- Auf dem Canvas, in der Erstellungsleiste klicke auf Tools, Medien und Integrationen (
).
- Suche nach Prototyping, und klicke dann auf Prototypen-Bibliothek.
- Das Prototypen-Bibliothek Feld öffnet sich.
Inhalte der Prototypen-Bibliothek
Die Prototypen-Bibliothek ist in Tabs organisiert. Alle Nutzer können die Bibliothek verwenden, um statische Prototyp-Layouts aus Screens, UI-Komponenten und Symbolen zusammenzustellen.
💡 Für KI-erstellte Prototypen und interaktive Flows verwende die Prototyping-Bibliothek zusammen mit Miro Prototypes.
Bildschirme
Bildschirme sind vorgefertigte Rahmen, mit denen du Prototyping-Flows erstellen kannst. Du kannst Mobil-, Tablet- oder Desktop-Bildschirme zu deinem Canvas hinzufügen und Layouts erstellen, indem du UI-Elemente darauf ziehst.
Mit Bildschirmen arbeiten
- Bildschirmrahmen ein- oder ausblenden (so kann er wie ein Geräte-Rahmen oder ein einfacher Rahmen aussehen)
- Bildschirm drehen
- Größe eines Bildschirms ändern durch Ziehen, um die Höhe zu vergrößern (nur vertikal)
UI-Komponenten
UI-Komponenten sind gängige Interface-Elemente, die du auf Bildschirme ziehen kannst, z. B. Schaltflächen, Eingabefelder, Navigationsleisten und Formularelemente.
Du kannst:
- Komponenten auf einen Bildschirm ziehen
- Größe ändern und neu positionieren
- Text und grundlegende Formatierung über das Kontextmenü bearbeiten
✏️ Die Optionen im Kontextmenü variieren je nachdem, welches Element du auswählst.
Mit Miro Prototypes werden einige UI-Komponenten im Vorschau-Modus interaktiv. Zum Beispiel reagieren Schaltflächen, Schieberegler, Eingabefelder und Dropdown-Menüs auf Nutzeraktionen entsprechend den von dir definierten Verbindungslinien.
Einige Komponenten-Sets, wie z. B. Erweiterte Komponenten, sind nur mit Miro Prototypes verfügbar. Wenn du keinen Zugriff hast, werden diese Komponenten möglicherweise in der Bibliothek mit einem Hinweis angezeigt.
Symbole
Der Symbole-Tab enthält eine durchsuchbare Symbolbibliothek, die du in Prototypen verwenden kannst.
Symbol hinzufügen oder ersetzen
- Zieh ein Symbol aus der Bibliothek auf das Canvas.
- Wähle das Symbol aus, um seine Farbe im Kontextmenü zu ändern.
- Wähle Symbol ersetzen, um es durch ein anderes Symbol zu tauschen, ohne Position oder Größe zu ändern.
Wireframes (legacy)
Der Wireframes-Tab enthält veraltete Wireframe-Elemente. Diese Elemente bleiben für bestehende Boards verfügbar und bearbeitbar, aber neuere Prototypen sollten Screens und UI-Komponenten aus der Prototyping-Bibliothek verwenden.
Connector-Linien und Interaktivität (Miro Prototypes)
Verbindungslinien ermöglichen es dir, die Navigation zwischen Bildschirmen in einem Prototyp zu definieren. Mit Miro Prototypes kannst du Verbindungslinien zwischen Elementen und Bildschirmen erstellen, um mehrstufige Flows aufzubauen.
Verbindungslinien ermöglichen außerdem die interaktive Vorschau. Im Vorschau-Modus verhalten sich verbundene Bildschirme wie ein anklickbarer Flow, und Bildschirme scrollen vertikal, wenn sie über den Ansichtsbereich hinausgehen. Ohne Miro Prototypes sind Verbindungslinien und interaktives Verhalten nicht verfügbar.
💡 Einige UI-Elemente zeigen ein Blitzsymbol, wenn du sie zu einem Bildschirm hinzufügst. Bei Flows mit mehreren Bildschirmen zieh das Blitzsymbol, um eine Verbindungslinie zwischen Bildschirmen zu erstellen.