20+ beste Figma-Vorlagen, UI-Kits + Wireframe-Kits
Figma entwickelt sich langsam zu einer der beliebtesten Apps für das Design von Benutzeroberflächen, die heute verfügbar sind. Mit der Möglichkeit, das Tool vollständig online zu verwenden, ist es auch ein leicht zugängliches Tool für die Zusammenarbeit und das Prototyping von UI-Designs.
Unabhängig davon, ob Sie Figma zum Entwerfen von Benutzeroberflächen für Mobilgeräte und Desktops verwendet haben oder neu in der App sind, finden Sie unsere Figma-Vorlagensammlung sehr nützlich.
In diesem Beitrag stellen wir einige der besten Figma-Vorlagen für Wireframing, Designs für mobile Benutzeroberflächen, App-Designs, Website-Designs und vieles mehr vor. Wir teilen auch unsere Tipps für den Einstieg in Figma, wenn Sie neu in der App sind!
Mit diesen Vorlagen können Sie problemlos Drahtmodelle und UI-Designs erstellen, ohne stundenlang die kleinen Komponenten und Layouts erstellen zu müssen. Sie können die Vorlagen anpassen, um Farben zu ändern, und Abschnitte neu anordnen, um sie auch zu Ihren eigenen zu machen.
Schauen Sie sich unsere Sammlung unten an und laden Sie sie herunter.
Erste WahlKarten - Mehrzweck-Benutzeroberflächen-Kit für Figma
Dies ist ein riesiges Paket von UI-Kartenlayouts, mit denen Sie verschiedene Arten von App-Schnittstellen entwerfen können. Es enthält Designs für E-Commerce-Apps, Unternehmen, Buchhaltung, Kryptowährung, Marketing und vieles mehr.
Das UI-Kit enthält mehr als 70 einzigartige Kartenlayouts und 50 nützliche E-Commerce-Widgets. Jedes Kartendesign besteht aus organisierten Ebenen, mit denen Sie sie ganz einfach an Ihre Vorlieben anpassen können.
Warum dies eine Top-Wahl ist
Das Besondere an diesem UI-Kit ist, dass es mehrere Dateiformate enthält. Sie können die Vorlagen sowohl mit Figma als auch mit Sketch, Photoshop, Adobe XD und InVision Studio bearbeiten. Sie können auch die dunkle Version dieses UI-Kits hier herunterladen.
Minimalist Wireframe Kit Figma Vorlagen
Jedes großartige Design beginnt mit einem Drahtgitter-Layout. Dies ist ein vollständiges Paket von Figma-Vorlagen, mit denen Sie Ihre eigenen Designs richtig erstellen können. Es enthält alle Elemente, die Sie zum Erstellen von Drahtmodellen für Websites und Zielseiten benötigen.
Onboarding iOS UI Kit für Figma
Der Onboarding-Prozess ist einer der wichtigsten Bestandteile des Designs mobiler Apps. Mit diesem Figma UI-Kit können Sie mühelos stilvolle Benutzeroberflächen für die Onboarding-Schritte Ihrer App entwerfen. Die Vorlagen wurden für iOS-Geräte erstellt, einschließlich iPhone X, SE und iPhone 11.
Responsive Figma Landing Page Vorlage
Dieses wunderschöne Website-Landingpage-Template-Kit ist perfekt für Webdesigner. Mit Figma können Sie mühelos ein einzigartiges Website-Design erstellen. Alle Elemente in der Vorlage sind anpassbar. Es umfasst sowohl Desktop- als auch mobile Designs.
E-Commerce - Android UI Kit für Figma
Arbeiten Sie an einem App-UI-Design für einen E-Commerce-Shop? Dann hilft Ihnen dieses UI-Kit beim Entwerfen von Produktseite, Warenkorb, Ladenlayouts und vielem mehr. Es enthält 4 einzigartige Bildschirmlayouts in mehreren Dateiformaten.
Medical App Dashboard - Leichtes UI-Kit
Dies ist ein vollständiges Dashboard-UI-Kit zum Entwerfen verschiedener medizinischer und gesundheitsbezogener Apps. Es enthält 38 einzigartige Bildschirmdesigns sowie 50 verschiedene Widgets. Die Vorlagen bieten einfache und übersichtliche Designs mit leicht anpassbaren Layouts.
Elearning UI Kit - Kostenlose Figma-Vorlage
Dies ist ein kostenloses UI-Kit mit einer großen Sammlung von Vorlagen. Das Bundle enthält mehr als 38 Seitenlayouts in 4 verschiedenen Kategorien. Es wurde für die Erstellung von eLearning-Websites entwickelt.
Atro - Kostenloses Mobile UI Kit für Figma
Atro ist ein modernes mobiles UI-Kit, das 12 einzigartige Vorlagen für mobile Bildschirme enthält. Die kostenlosen Figma-Vorlagen sind vollständig anpassbar und ermöglichen das Entwerfen verschiedener Arten von Schnittstellen für mobile Apps.
Android Menu UI Kit für Figma
Ein weiteres kreatives UI-Kit für Android-Apps. Dieses Kit enthält 4 stilvolle Vorlagen mit Android-App-Menü-Designs. Diese sind perfekt, um durch Ihre eigenen Projekte einzigartige App-Erlebnisse zu schaffen.
Online Store iOS UI Kit Figma Vorlagen
Verwenden Sie diese modernen Vorlagen für die Benutzeroberfläche des E-Commerce-Shops, um ein stilvolles Shop-Layout für Ihre Online-Shopping-Apps zu erstellen. Diese Vorlagen wurden für die iOS-Plattform entwickelt und sind auch für iPhone X und iPhone 11 vollständig optimiert.
Benutzerprofile iOS UI Kit Figma-Vorlagen
Das Entwerfen von Benutzerprofilen für mobile Apps erfordert eine sorgfältige Planung und Optimierung. Mit diesem UI-Kit können Sie jedoch ohne großen Aufwand sofort ein modernes Benutzerprofil-Layout erstellen. Es enthält 4 Vorlagen in mehreren Dateiformaten.
Dark Medical Dashboard - UI-Kit für Figma
Benutzeroberflächen mit dunklen Themen sind heutzutage sehr beliebt. Dieses UI-Kit verfügt außerdem über ein attraktives dunkles Farbdesign und ist auch in mehreren Dateiformaten erhältlich. Sie können damit verschiedene Dashboards und Schnittstellen für medizinische Apps entwerfen.
Desktop & Mobile Wireframe Web UI Kit
Ein umfangreiches Paket von Figma-Vorlagen zum Entwerfen von mobilen und Desktop-Wireframes. Dieses UI-Kit enthält mehr als 360 einzigartige Blöcke mit vollständig anpassbaren Elementen. Es ist auch in Sketch- und Adobe XD-Versionen erhältlich.
Fußball-Website - Kostenloses UI-Kit für Figma
Dies ist eine große Sammlung von UI-Vorlagen für Figma. Es enthält verschiedene Layouts, die speziell für Fußball-Score- und Fantasy-Football-Websites erstellt wurden. Sie können es kostenlos herunterladen, um mit Figma zu experimentieren.
Freyr - Kostenloses UI Kit für Figma
Freyr ist ein wunderschönes kostenloses UI-Kit, das viele einzigartige Elemente enthält, mit denen Sie Ihre eigenen Benutzeroberflächen für Mobilgeräte und Desktops erstellen können. Es ist völlig kostenlos zu benutzen.
Bereinigen Sie die Responsive Business Landing Page-Vorlage
Entwerfen Sie mit dieser einzigartigen Figma-Vorlage eine stilvolle und moderne Landingpage für ein Unternehmen oder eine Agentur. Es enthält sowohl Desktop- als auch mobile Layouts, mit denen Sie auf einfache Weise ein Website-Layout für verschiedene Unternehmen erstellen können.
Statistik - iOS UI Kit für Figma
Mit diesem iOS-UI-Kit können Statistiken und Berichtsbildschirme für viele verschiedene Arten von mobilen Apps erstellt werden. Das Paket enthält 6 einzigartige iOS-Bildschirmlayouts mit vollständig anpassbaren Designs.
Feed - iOS UI Kit Figma-Vorlagen
Arbeiten Sie an der Gestaltung einer Feed-Seite für eine soziale oder eine Nachrichten-App? Dann hilft dieses UI-Kit. Es enthält 4 einzigartige iOS-Bildschirmvorlagen zum Erstellen stilvoller Benutzer-Feed-Seiten. Die Vorlagen sind auch mit dem iPhone 11 kompatibel.
Exemplarische Vorgehensweisen - iOS UI Kit Figma-Vorlagen
Mit diesem UI-Kit können Sie moderne exemplarische Vorgehensweisen und Onboarding-Seiten für Ihre E-Commerce- und Social-Mobile-Apps entwerfen. Das UI-Kit enthält 6 verschiedene Designs für mobile Bildschirme für iOS.
Travelo - Android UI Kit für Figma
Travelo ist ein einzigartiges Figma UI-Kit, das 4 stilvolle Vorlagen für die Erstellung von Reise- und Transport-Apps enthält. Es enthält leicht bearbeitbare Vorlagen, die für die Android-Plattform optimiert sind.
Kostenloses UX Flowchart Kit für Figma
Dies ist ein kostenloses Figma-Vorlagenkit, mit dem Sie einzigartige UX-Flussdiagramme (User Experience) erstellen können. Die Vorlage enthält viele einzigartige Komponenten und Elemente in 3 vorgefertigten Farbschemata.
Windhund-Flussdiagramme - Kostenlose Figma-Vorlage
Ein weiteres großes Figma-Flussdiagramm-Vorlagen-Kit, das Sie kostenlos verwenden können. Dieses Kit enthält mehr als 200 Flussdiagrammkarten-Designs in 11 verschiedenen Kategorien. Es ist in den Formaten Figma und Sketch erhältlich.
5 Tipps für den Einstieg in Figma
Figma ist ein neuer Anwärter unter den Bearbeitungswerkzeugen für die Benutzeroberfläche. Wenn Sie Figma noch nicht kennen, finden Sie hier einige Tipps, die Ihnen den Einstieg erleichtern.
1. Es ist kostenlos!
Figma wird bei UX- und UI-Designern immer beliebter, insbesondere weil die Software kostenlos verwendet werden kann. Mit dem kostenlosen Plan können Sie mit der Software bis zu 3 Projekte gleichzeitig mit bis zu 2 Editoren erstellen und verwalten. Es gibt Ihnen sogar unbegrenzten Cloud-Speicher kostenlos.
Informieren Sie Ihre Freunde und Kollegen unbedingt über Figma, damit Sie in Zukunft problemlos Projekte teilen und zusammenarbeiten können.
2. Arbeiten Sie direkt über den Browser
Im Gegensatz zu Sketch ist Figma keine Software, die auf nur eine Plattform oder ein Betriebssystem beschränkt ist. Figma arbeitet direkt in Ihrem Browser. Dies bedeutet, dass Sie es auf jeder Plattform verwenden können, einschließlich Windows, Mac, Chrome und Linux. Sie müssen keine Software herunterladen und auf jedem Gerät installieren, das Sie besitzen. Eine weitere großartige Gelegenheit für eine bessere Zusammenarbeit.
3. Arbeiten Sie mit dem Team zusammen
Figma erleichtert die Zusammenarbeit erheblich, insbesondere dank der Möglichkeit, auf die App in der Cloud zuzugreifen. Sie können die Projekte, an denen Sie arbeiten, ganz einfach mit Ihren Teamkollegen und Kollegen teilen, indem Sie einen Link freigeben und in Echtzeit mit ihnen zusammenarbeiten, ohne sie zum Kauf oder zur Installation von Apps zu zwingen.
4. Live-Vorschau
Während Sketch eine sehr teure Spiegelungs-App für mobile Geräte enthält, bietet Figma eine kostenlose Spiegelungs-App für Android und iOS. Mit dieser App können Sie ganz einfach Ihre Benutzeroberflächendesigns auf Ihrem Handy anzeigen, um zu sehen, wie eine Live-Version auf einem Telefon oder Tablet aussieht.
5. Viele Vorlagen
Die Figma-Community wächst ebenfalls schnell. Es gibt auch eine wachsende Anzahl von Vorlagen für die App. Mit Vorlagen können Sie Ihren Entwurfsprozess einfacher und einfacher gestalten. Stellen Sie sicher, dass Sie sie verwenden, um Ihren Workflow zu beschleunigen.
Wenn Sie ein Fan von Sketch sind, sehen Sie sich unsere Sammlung der besten Sketch iOS-Vorlagen an.
