Wireframing online Tool

Erstelle App und Website Wireframes schnell, einfach und in Echtzeit mit deinem Team auf eurem Kollaborationsboard. Entwickelt Mock-ups, sammelt Ideen auf Notizzetteln, designt kostenlose Benutzerabläufe und sammelt schnell, einfach und kostenlos konstruktives Feedback von euren Partner*innen und Kund*innen.
wireframing 01 app wireframe product image EN standard 3 2 2x
accenture.svgLogo-Adobe.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg
accenture.svgLogo-Adobe.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg

Wireframes einfach erstellen

Mit den erprobten Wireframe-Vorlagen und der UI-Bibliothek von Miro kannst du in wenigen Minuten einfache Prototypen für Websites und Apps erstellen. Design-Erfahrung ist hierbei nicht erforderlich.

wireframing 02 ui library product image EN standard 4 3 2x

Integrationen für deine Wireframes

Verwende die vielen Miro-Integrationen wie Icon Finder und Unsplash, um klare, umfassende App- und Website-Wireframes zu erstellen.

Wireframe_product_image_1_EN_standard_3_2.png

Wireframing in Echtzeit

Erstelle Wireframes online in Echtzeit mit deinem Team - oder plane deinen Wireframe im Voraus und arbeite daran, wenn du bereit bist.

Wireframe_product_image_2_EN_standard_3_2.png

Darum ist Miro für Online-Wireframing so beliebt

Brainstorm

Wo Innovation passiert

Skizziere deine Vision – und iteriere schnell – mit intuitiven Tools und dem unendlichen Canvas. Das Wireframe-Tool von Miro ist flexibel und ermöglicht es Teams, jede Art von Wireframe zu erstellen, die sie benötigen.

categorization

Mach es den Beteiligten leicht, ihr Feedback freizugeben

Arbeite an Wireframes und teile diese mit Beteiligten. Sammle konstruktives Feedback von allen Beteiligten asynchron auf einem einzigen Board. Lass sie Sticker und Emojis verwenden, um Wertschätzung zu zeigen und deine Arbeit zu bewerten.

papers

Füge deine Adobe XD Zeichenflächen hinzu

Vereinfache die Designzusammenarbeit durch das Hinzufügen von Adobe-XD-Zeichenflächen zu deinen Miro-Boards. Um eine schnellere Iteration zu ermöglichen, kannst du Referenzen hinzufügen oder bestehende Websites und Produkt-Screens zu deinem Wireframe-Board hochladen.

collaboration

Rahmen, Verbindungslinien und Links

Verwende Rahmen, um mehrere Web- oder Produktscreens anzuzeigen. Verbinde diese mit Pfeilen und verwende die Verlinkungsfunktion, um Nutzer-Workflows zu visualisieren.

Relevante Seiten

Relevante Vorlagen

So erstellst du Wireframes mit Miro

1. Wähle das Gerät

Wähle das Gerät für den Wireframe aus. Das kann ein Telefon, ein Tablet oder ein Browser sein. Platziere die Komponente auf dem Board.

wireframing 05 ui library product image EN standard 1 1 2x
Kostenlos anmelden
wireframing 05 ui library product image EN standard 1 1 2x

FAQs zum Wireframe Tool

Ist Miro ein Wireframe-Tool?

Miro ist ein visueller Innovations-Workspace mit einer Reihe von Wireframing-Tools. Du kannst damit Wireframes als Teil des Designprozesses erstellen. Vorlagen und Widgets helfen dir bei der schnellen und einfachen Erstellung von Wireframes. Mit dem Wireframe Creator von Miro kannst du in Echtzeit zusammenarbeiten, schnell iterieren und alle Beteiligten aufeinander abstimmen. Insgesamt ist Miro nicht nur als Wireframe Creator gedacht, sondern auch eine wertvolle Ergänzung für die Werkzeugkiste eines jeden Designers.

Ist das Wireframe Tool von Miro kostenlos?

Ja, das Wireframe-Tool von Miro ist zu 100 % kostenlos. Nachdem du dich bei Miro angemeldet hast, kannst du entweder die Wireframe-Vorlage für eine App oder eine Website über die Vorlagenauswahl zu deinem Board hinzufügen oder Formen verwenden, um dein eigenes Wireframe von Grund auf zu erstellen. Anschließend kannst du beliebig viele Teammitglieder kostenlos zu deinem Board einladen und mit ihnen zusammenarbeiten.

Was ist der Unterschied zwischen einem App- und einem Website-Wireframe?

Der Hauptunterschied bei der Erstellung eines Wireframes für eine App oder eine Website liegt im jeweiligen Format. App-Wireframes werden meist mit kleineren Texten und Bildboxen erstellt, da mobile Geräte oft kleinere Bildschirme und ein anderes Nutzererlebnis haben. Bei der Erstellung eines Website-Wireframes hast du mehr Freiheit bei der Gestaltung dieser Elemente. Auch die Nutzerführung ändert sich entsprechend. Mit Miro kannst du ganz einfach ein App- oder Website-Wireframe von Grund auf mit unserer UI-Bibliothek erstellen.

Starte in Sekunden

Schließe dich den Teams an, die Miro für ihre Arbeit nutzen.