Prototypen-Bibliothek

Verfügbar für: Alle Nutzer
Preispläne: Alle Pläne
Plattformen: Browser, Desktop, Mobile

Erstelle Prototypen direkt auf dem Board mit der Prototyping-Bibliothek. Die Bibliothek enthält UI-Elemente und Symbole, die du verwenden kannst, um interaktive Prototypen zu erstellen, entweder alleine oder in Verbindung mit der Funktion "Mit KI-Prototyp erstellen".

✏️ Die Prototypen-Bibliothek ersetzt die Wireframe-Bibliothek, die später in diesem Jahr eingestellt wird. Bis dahin kann auf die Wireframe-Bibliothek über die Registerkarte „Wireframes“ innerhalb der Prototyping-Bibliothek zugegriffen werden.

Zugriff auf die Prototypen-Bibliothek

1. Klicke auf das Symbol Medien, Tools und Integrationen ().
2. Suche nach Prototypen.
3. Wähle das Prototyping-Suchergebnis aus.
4. Das Prototyping-Panel wird mit Tabs für UI-Elemente und Icons geöffnet.

Prototyp entwerfen

1. Wähle einen Screen aus dem UI-Elemente-Panel aus und klicke irgendwo auf das Board, um ihn zu platzieren.
2. Ziehe andere UI-Elemente oder Icons auf den Bildschirm.
3. Wenn du einen Multi-Screen-Prototyp erstellst, füge Verbindungslinien hinzu, um Interaktivität zwischen den Bildschirmen zu ermöglichen (sichtbar in der Vorschau):
   1. Klicke auf ein UI-Element, das du mit einem anderen Bildschirm verbinden möchtest.
   2. Klicke und ziehe das Connector line-Symbol vom UI-Element auf den Bildschirm, mit dem du eine Verbindung herstellen möchtest.

UI-Elementzustände ändern

Einige UI-Elemente verfügen in der Prototyp über Optionen für ihren Zustand, wie das An- oder Abwählen eines Kontrollkästchens. Um auf diese Staaten zuzugreifen:

1. Klicke auf das UI-Element, dessen Einstellungen du ändern möchtest.
   Das Kontextmenü wird angezeigt.
2. Klicke im Kontextmenü auf das Dropdown-Menü Status.
3. Wähle den gewünschten Status aus.

Elementstile ändern

Um die Farbe oder Schriftart eines UI-Elements zu ändern:

1. Klicke auf das Element, das du bearbeiten möchtest.
   Das Kontextmenü erscheint.
2. Je nach Element hast du die Möglichkeit, die Hintergrundfarbe, das Schriftbild, die Schriftgröße und/oder die Schriftfarbe zu ändern.

Vorschau eines Prototyps

Um die interaktive Vorschau deines Prototyps anzusehen:

1. Wähle einen der Prototyp-Bildschirme aus.
   Das Kontextmenü erscheint.
2. Klicke auf Vorschau.
   Die Vorschau wird geladen.
3. Du kannst auf Elemente im Prototyp klicken, um ihre Interaktionen zu sehen—erstellt mit Connector-Linien—oder auf die Pfeile klicken, um zwischen den Bildschirmen zu navigieren.

Häufig gestellte Fragen