Was ist Wireframe-Tool?

Skizzieren Sie Seitenlayouts und UI-Mockups in Sekunden. Ziehen Sie gängige UI-Elemente — Schaltflächen, Textblöcke, Bilder, Eingabefelder — per Drag-and-Drop auf eine Zeichenfläche und exportieren Sie als PNG oder speichern Sie als JSON zum Weiterbearbeiten.

Anleitung

1. Wähle ein UI-Element aus der Werkzeugleiste – zum Beispiel ein Rechteck, einen Textblock, eine Schaltfläche, einen Bild-Platzhalter oder ein Eingabefeld – und klicke auf die Zeichenfläche, um es zu platzieren.
2. Verschiebe Elemente durch Ziehen, ändere die Größe durch Ziehen an den Anfassern und bearbeite Text per Doppelklick. Gruppiere Elemente für einfacheres Verschieben.
3. Exportiere dein Wireframe als PNG-Bild zum Teilen oder speichere es als JSON, um es später neu zu laden und weiterzubearbeiten.

Ergebnis

Ein Produktmanager skizziert einen mobilen App-Login-Bildschirm mit Logo-Platzhalter, E-Mail- und Passwort-Eingabefeldern, einer Anmelde-Schaltfläche und einem Passwort-vergessen-Link – und exportiert das PNG, um es in einem Slack-Kanal zu teilen.

Ähnliche Tools