Verfügbar für: Alle Nutzer
Preisplan: Alle Preispläne
Plattformen: Browser, Desktop, Mobile
Nutze die Prototyping-Bibliothek, um Prototyp-Layouts direkt auf dem Miro-Canvas zu erstellen. Die Bibliothek enthält Bildschirme, UI-Komponenten und Symbole, die dir helfen, Workflows zu visualisieren und Ideen frühzeitig zu strukturieren.
Du kannst die Prototyping-Bibliothek verwenden, um statische Prototypen zu erstellen. Funktionen wie fortgeschrittene Komponenten, Verbindungslinien und interaktive Vorschau erfordern das Miro Prototypes Add-on.
Die Prototyping-Bibliothek bietet alles, was du benötigst, um in Miro einfache und mehrseitige Workflows manuell zu erstellen.
Prototyping-Bibliothek öffnen
- Auf dem Canvas, in der Erstellungsleiste, klicke auf Tools, Medien und Integrationen (
).
- Suche nach Prototypen, dann klicke auf Prototypen-Bibliothek.
- Das Prototypen-Bibliothek-Feld wird geöffnet.
Was ist in der Prototypen-Bibliothek
Die Prototypen-Bibliothek ist in Tabs organisiert. Alle Nutzer können die Bibliothek nutzen, um statische Prototyp-Layouts mit Bildschirmen, UI-Komponenten und Symbolen zusammenzustellen.
💡 Für KI-generierte Prototypen und interaktive Workflows verwende die Prototyping-Bibliothek zusammen mit Miro Prototypes.
Bildschirme
Bildschirme sind vorgefertigte Rahmen für Prototyp-Workflows. Du kannst Mobile-, Tablet- oder Desktop-Bildschirme zu deinem Canvas hinzufügen und Layouts erstellen, indem du UI-Elemente darauf ziehst.
Mit Bildschirmen arbeiten
- Ein- oder ausblenden des Bildschirmrahmens (so dass er entweder wie ein Geräte- oder ein einfacher Rahmen aussieht)
- Drehe einen Bildschirm
- Ändere die Größe eines Bildschirms, indem du ihn vertikal in der Höhe erweiterst
UI-Komponenten
UI-Komponenten sind gebräuchliche Benutzerschnittstellenelemente, die du auf Bildschirme ziehen kannst, wie z. B. Schaltflächen, Eingaben, Navigationsleisten und Formularelemente.
Du kannst:
- Komponenten auf einen Bildschirm ziehen
- Komponenten in der Größe ändern und neu positionieren
- Text und grundlegende Stile aus dem Kontextmenü bearbeiten
✏️ Die Optionen im Kontextmenü variieren je nachdem, welches Element du auswählst.
Wenn das Miro Prototypes Add-on aktiviert ist, werden einige UI-Komponenten im Vorschau-Modus interaktiv. Zum Beispiel reagieren Schaltflächen, Slider, Eingabefelder und Dropdown-Menüs auf Benutzeraktionen basierend auf den von dir definierten Verbindungslinien.
Einige Komponentensätze, wie zum Beispiel Erweiterte Komponenten, sind nur mit dem Miro Prototypes Add-on verfügbar. Wenn das Add-on nicht aktiviert ist, können diese Komponenten mit einem Indikator in der Bibliothek erscheinen.
Symbole
Die Symbole-Tab enthält eine durchsuchbare Symbolbibliothek, die du in Prototypen verwenden kannst.
Symbol hinzufügen oder ersetzen
- Ziehe ein Symbol aus der Bibliothek auf die Canvas.
- Wähle das Symbol aus, um in der Kontextmenü seine Farbe zu ändern.
- Wähle Symbol ersetzen, um es durch ein anderes Symbol zu tauschen, ohne seine Position oder Größe zu ändern.
Wireframes (alt)
Der Wireframes-Tab enthält alte Wireframe-Elemente. Diese Elemente sind weiterhin verfügbar und bearbeitbar für bestehende Boards, aber neuere Prototypen sollten Bildschirme und UI-Komponenten aus der Prototyping-Bibliothek verwenden.
Verbindungslinien und Interaktivität (Miro Prototypes Add-on)
Verbindungslinien ermöglichen es dir, die Navigation zwischen Screens in einem Prototyp zu definieren. Wenn das Miro Prototypes Add-on aktiviert ist, kannst du Verbindungslinien zwischen Elementen und Screens erstellen, um mehrstufige Workflows zu bauen.
Verbindungslinien ermöglichen auch eine interaktive Vorschau. Im Vorschaumodus verhalten sich verbundene Screens wie ein klickbarer Ablauf, und Screens scrollen vertikal, wenn sie über das Sichtfeld hinausgehen. Ohne das Add-on sind Verbindungslinien und interaktives Verhalten nicht verfügbar.
💡 Einige UI-Elemente zeigen beim Hinzufügen zu einem Screen ein Blitzsymbol. In Mehr-Screen-Workflows ziehe das Blitzsymbol, um eine Verbindungslinie zwischen Screens zu erstellen.