Überspringen und zu Hauptinhalten gehen

Figma für Wireframing

Wireframes in beliebiger Detailtiefe mühelos erstellen

Visualisiere deine Ideen als Wireframes und teile sie mit anderen, damit ihr gemeinsam an Flows und Layouts arbeiten und euch abzustimmen könnt.

Eine grafische Darstellung einer großen grünen Form; die von Komponenten des Wireframes umgeben ist.Eine grafische Darstellung einer großen grünen Form; die von Komponenten des Wireframes umgeben ist.

Im Einsatz bei den Teams von

Puma-LogoSpotify-LogoPatagonia-LogoStripe-LogoThe New York Times-LogoNetflix-Logo

Mach deine Ideen sichtbar

Mit Figma kannst du deine Ideen – egal wie detailliert – schnell und klar visualisieren.

Ein Flussdiagramm in FigJam zeigt eine Kontoerstellung und einen Anmeldeablauf.Ein Flussdiagramm in FigJam zeigt eine Kontoerstellung und einen Anmeldeablauf.

Ideen in Gedankenblitzgeschwindigkeit als Wireframes umsetzen

Skizziere erste Konzepte und Abläufe deiner Idee in FigJam, auf dem Desktop oder iPad.

Cursor zweier Teammitglieder, die an schwarzweiß-Wireframes für Mobilgeräte zusammenarbeiten.Cursor zweier Teammitglieder, die an schwarzweiß-Wireframes für Mobilgeräte zusammenarbeiten.

Wireframes mit vorhandenen Komponenten

Ziehe einfach vorhandene Komponenten aus deinen Figma-Bibliotheken, um ganz einfach Wireframes zu erstellen.

Fünf Cursor der Teammitglieder bewegen sich über Illustrationen aus schwarzen Sternen mit grünem Hintergrund und ein gelber Cursor-Chat sagt "Looks great!!" (Sieht toll aus).Fünf Cursor der Teammitglieder bewegen sich über Illustrationen aus schwarzen Sternen mit grünem Hintergrund und ein gelber Cursor-Chat sagt "Looks great!!" (Sieht toll aus).

Erhalte kontextbezogenes Feedback von deinen Kolleg*innen

Die Multiplayer-Plattform von Figma ermöglicht die Zusammenarbeit in Echtzeit für schnellere Rückmeldungen und Iterationen.

Entdecke die Funktionen für Wireframes

Erstelle Wireframes, um mehr Ideen und Möglichkeiten schneller zu erfassen.

Suchergebnisse für „Wireframe“ in der Figma Community.Suchergebnisse für „Wireframe“ in der Figma Community.

Keine Angst vor leeren Seiten

Nutze vorgefertigte Wireframe-Vorlagen und -Kits aus Figmas Community.

Vorlagen durchsuchen

Gestalte es interaktiv

Mach dir die Leistungsfähigkeit von Figma Prototyping zunutze und erwecke deine Wireframes zum Leben – ohne Programmieren.

Mehr über Prototyping erfahren

Ein iPad und ein Apple Pencil. Auf dem iPad-Bildschirm ist FigJam zu sehen, mit handgezeichneten Skizzen und Bildern, die einen Anmeldeablauf für eine Musik-App zeigen.Ein iPad und ein Apple Pencil. Auf dem iPad-Bildschirm ist FigJam zu sehen, mit handgezeichneten Skizzen und Bildern, die einen Anmeldeablauf für eine Musik-App zeigen.

Skizzieren mit FigJam fürs iPad

FigJam bietet dir auf dem iPad einen ungestörten Raum, in dem du Ideen skizzieren und deine Gedanken sortieren kannst – bevor du sie mit deinen Teammitgliedern teilst.

App herunterladen

Mauszeiger in Interaktion mit einem Design für Mobilgeräte in einer Figma-Datei und ein ausgewählter Kommentar, der die Ausrichtung bestätigtMauszeiger in Interaktion mit einem Design für Mobilgeräte in einer Figma-Datei und ein ausgewählter Kommentar, der die Ausrichtung bestätigt

Mitarbeiter*innen einladen

Lade funktionsübergreifende Partner und Stakeholder ein, an Wireframes und Flows mitzuwirken.

Mit der Zusammenarbeit beginnen

Figma macht Designs, Ansichten und Flows für jedes Team zugänglich.

Thomas Vimare, Head of Design bei Free

Free-Logo
Die Story lesen
Eine grafische Darstellung eines Videos. Im Hintergrund sind von FigJam inspirierte Formen-Haftnotizen und einige Zeichnungen zu sehen.Eine grafische Darstellung eines Videos. Im Hintergrund sind von FigJam inspirierte Formen-Haftnotizen und einige Zeichnungen zu sehen.

So funktionieren Wireframes in FigJam

Erfahre, wie du eine Bibliothek für Wireframes einrichtest und diese zum Skizzieren von Ideen in FigJam verwendest.

Video ansehen

Eine grafische Darstellung der Zahlen 1, 2, 3.Eine grafische Darstellung der Zahlen 1, 2, 3.

Wireframing-Grundlagen

Erfahre, wie du in Figma Wireframes erstellen kannst, was alles dazugehört und wie die Modelle helfen können, deine Ideen zu kommunizieren.

Mehr erfahren

Eine grafische Darstellung mehrerer Wireframes und ein Cursor auf blauem Hintergrund.Eine grafische Darstellung mehrerer Wireframes und ein Cursor auf blauem Hintergrund.

Zu den Wireframe-Kits

Validiere deine Ideen und beschleunige deinen Website-Design-Workflow mit unserem komponentenbasierten Wireframe-Kit.

Wireframe-Kits ansehen