50 kostenlose Web- und mobile UI-Vorlagen für Figma

Das Entwerfen einer effektiven Benutzeroberfläche ist keine leichte Aufgabe. Es wird jedoch viel einfacher, wenn Sie die richtigen Werkzeuge zur Verfügung haben.

Der erste Schritt besteht darin, ein Tool zu finden, mit dem Sie gerne arbeiten und das über alle Funktionen verfügt, die Sie in einer UI-Designsoftware benötigen. Glücklicherweise passt Figma ganz gut zu dieser Rechnung.

Sobald Sie das Tool haben, können Sie sich schnell an die Arbeit machen und eine schöne Benutzeroberfläche entwerfen. Das Entwerfen einer Benutzeroberfläche von Grund auf kann jedoch zeitaufwändig sein. Erwägen Sie stattdessen die Verwendung eines Web- oder mobilen UI-Kits, um Ihren Designprozess zu beschleunigen.

Durch die Verwendung eines vorgefertigten Design-Kits müssen Sie keine Zeit damit verbringen, jedes UI-Element von Grund auf neu zu erstellen. Sie können sich darauf konzentrieren, diese Elemente so logisch und optisch ansprechend wie möglich anzuordnen.

Wir haben die besten kostenlosen Mobil- und Web-UI-Kits und Vorlagen für Figma zusammengestellt, das äußerst beliebte Prototyping-Tool für Designer. Sehen Sie sich diese unten an und laden Sie sie auf Ihren Computer herunter, um bei Ihrem nächsten UI-Design Zeit zu sparen.

Kostenlose Figma Mobile UI-Kits

Nucleus UI-Komponentenbibliothek

Nucleus ist eine kostenlose UI-Bibliothek mit 300 Komponenten und über 30 Bildschirmen. Es bietet Ihnen alle Bausteine, die Sie benötigen, um schnell Ihre nächste mobile App zu entwerfen.

Grada Figma UI-Kit

Dies ist ein schönes und dunkles UI-Mobilkit für Figma. Es enthält eine Fülle von Elementen, die zum Erstellen umfangreicher mobiler Schnittstellen erforderlich sind. Fügen Sie es also unbedingt Ihrer Bibliothek hinzu.

Survival Kit für iOS Design

Landingpage der Agentur auf Envato Elements

Verwenden Sie diese Zielseitenvorlage, um Ihr Unternehmen schnell online zu bringen und zu präsentieren, was Sie zu bieten haben. Diese Vorlage ist einfach zu verwenden und anzupassen und enthält gut organisierte Ebenen und Zeichenflächen.

Ticketapp Figma-Vorlage

Wenn Sie an einer Ticketing-App arbeiten, ist dieses UI-Kit praktisch. Es funktioniert sowohl mit Figma als auch mit Sketch und enthält Elemente wie Ticketkaufbildschirme, Sitzplatzauswahl und mehr.

Material-UI-Reaktionskomponenten in Figma

Dieses Kit basiert auf Googles Material Design und enthält Komponenten wie Balken, Avatare, Abzeichen, Erweiterungsfelder und mehr. Das Kit kann kostenlos in persönlichen und kommerziellen Projekten verwendet werden und ist vollständig kompatibel mit der React Material-UI-Bibliothek.

Figma-Vorlage für das Chat-Dashboard

Ziehen Sie dieses kostenlose Figma UI Mobile Kit in Betracht, wenn Sie an einem Chat-Dashboard arbeiten. Das Kit verfügt über eine Vollbild-Oberfläche für eine Chat-App, die Sie ganz einfach an Ihre Projektanforderungen anpassen können.

Finance Wireframe-Vorlage für Figma

Diese Finanz-Drahtmodelle für Figma sind praktisch, wenn Sie eine Schnittstelle für einen Zahlungsabwickler, eine Bank, eine Buchhaltung oder eine andere Finanz-App erstellen müssen. Es kann in persönlichen und kommerziellen Projekten verwendet werden.

Deca-Kit für Figma

Deca ist eine wunderschön gestaltete UI-Bibliothek mit Komponenten. Mit über 150 Komponenten finden Sie alles, was Sie brauchen, um Ihr nächstes Projekt schnell abzuschließen.

Login Wallet Mobile UI-Kit für Figma

Erstellen Sie mit Hilfe dieses UI-Kits ganz einfach einen Anmeldebildschirm für mobile Geldbörsen. Das Kit ist kostenlos für persönliche Projekte und kann einfach mit Farben und Schriftarten Ihrer Wahl angepasst werden.

Atro Mobile Figma UI-Kit

Dieses schöne und minimale UI-Kit enthält 12 verschiedene Bildschirme, sodass Sie Ihre App-Vision ganz einfach zum Leben erwecken können. Das Kit enthält verschiedene Symbole, Bildschirmelemente und vollständig vektorisierte Elemente.

iOS-iPhone-GUI

Wenn Sie Elemente der Benutzeroberfläche von iOS 10 benötigen, sehen Sie sich dieses Kit an. Es wurde vom Facebook-Designteam entworfen und enthält Elemente wie Suchleisten, Schubladen, Avatare, Abzeichen und mehr.

Kostenlose Figma-Weblayout-Vorlagen

Responsive Portfolio-Vorlage

Laden Sie diese Figma-Vorlage für ein responsives 24-seitiges persönliches Portfolio herunter. Es enthält sowohl Desktop- als auch mobile Versionen und ist auch mit Sketch und Adobe XD kompatibel.

34 praktische UI-Komponenten

Call-to-Action blockiert Figma-Vorlagen

Calls-to-Action sind eines der wichtigsten Elemente jeder Website oder App. Mithilfe dieses Kits können Sie im Handumdrehen einen hochkonvertierenden Call-to-Action-Block erstellen.

Marka E-Mail-Vorlagengenerator

Createx Website-Vorlagen (auf Envato Elements)

Createx ist eine Sammlung von fünf Figma-Weblayoutvorlagen für E-Commerce, Bildung, Kreativagentur, digitales Marketing und Bauwesen.

Wireframe-Bibliothek für Figma

Dies ist ein einfaches Figma-Plugin zum schnellen Erstellen von Wireframes, Prototypen oder einfach nur grundlegenden UI-Strukturen.

UX Mind Free UI-Kit

Responsives Figma-Plug-in für Breakpoints

Breakpoints ist ein neues kostenloses Plugin, mit dem Sie responsive Design-Layouts innerhalb eines Figma-Frames testen können.

Figma Web Dashboard & Statistikvorlage

Probieren Sie dieses Figma-Kit aus, wenn Sie ein Web-Dashboard oder ein Statistikpanel erstellen müssen. Die Vorlage enthält eine Vorlage im Hell- und Dunkelmodus mit einer Reihe von Komponenten, mit denen Sie ein leistungsstarkes und modernes Dashboard erstellen können.

Bookshop Figma Website-Vorlage

Erstellen Sie mit Hilfe dieser Figma-Vorlage schnell eine Website für einen Buchladen. Die Vorlage enthält ein illustriertes Banner und ist für den persönlichen Gebrauch kostenlos.

Brutalistisches Web-Kit für Figma

Wenn Sie den brutalistischen Trend lieben, ist dieses UI-Kit genau das Richtige für Sie. Die Vorlage enthält über 70 Bildschirme mit Abschnitten für Erfahrungsberichte, Dienstleistungen, Teammitglieder und mehr. Die Vorlage ist für private und kommerzielle Projekte kostenlos.

Kostenlose Figma Styleguide-Vorlagen und Starter-Kits

Figma-Starter-Kit

Dieses Figma-Starterkit enthält grundlegende UI-Elemente wie Formulare, Schaltflächen und grundlegende Symbole. Es ist in hellen und dunklen Versionen erhältlich und für persönliche und kommerzielle Projekte kostenlos.

Papier-Drahtgitter-Kit auf Envato Elements

Dieses einfache Wireframe-Kit ist eine gute Wahl, wenn Sie schnell mit dem Prototyping Ihres Designs beginnen müssen. Alles, was Sie tun müssen, ist, die benötigten Komponenten auszuwählen, sie auf Ihrem Bildschirm abzulegen und mit der Anpassung zu beginnen.

Produktdesign-Kit für Figma

Dieses Kit bezeichnet sich selbst als das ultimative Design-Kit für Figma. Sie können ganz einfach High-Fidelity-Drahtmodelle, Benutzeroberflächen und Styleguides für Desktop-Produkte erstellen. Es ist vollständig anpassbar und kostenlos.

Dashboard-UI-Kit 2.0 auf Envato Elements

Dieses Dashboard-UI-Kit ist eine ausgezeichnete Wahl, wenn Sie ein Web- oder Mobile-App-Dashboard nachbauen müssen. Es wird mit vollständig reaktionsschnellen mobilen Bildschirmen geliefert und enthält eine Sammlung von Diagrammen, Grafiken, Onboarding-Bildschirmen, eine Reihe von Symbolen und einen detaillierten Styleguide.

Figjam Wireframe-Vorlagen

Eine kostenlose Wireframe-Bibliothek, die dem neuen Online-Whiteboard von Figma dringend benötigte Komponenten hinzufügt.

Figma Design System UI Styleguide

Wenn Sie ein Designsystem in Figma erstellen müssen, enthält dieses Kit alles, was Sie brauchen. Das Kit enthält Muster, Typografie, Farbe und andere Einstellungen, die zum Erstellen eines vollständigen Styleguides erforderlich sind.

Eggplore Figma UI StyleGuide

Dies ist ein einfacher und kostenloser UI-Styleguide für Figma, den Sie herunterladen, verwenden und an Ihre Bedürfnisse anpassen können. Das Kit ist kostenlos für private und kommerzielle Projekte.

Button-UI-Designsystem für Figma

Dank dieses kostenlosen UI-Designsystems können Sie schnell und einfach Schaltflächen in Figma erstellen. Die Vorlage ist für private und kommerzielle Projekte kostenlos.

iPhone Clay Mockup-Vorlagen

Eine kleine Sammlung von zwölf minimal gestalteten iPhone 12 Clay-Mockup-Vorlagen für Figma (und Sketch).

Kostenlose Figma-Icon-Sets

Dripicons Figma-Bibliothek

Dieser Satz von Dripicons wurde explizit für Figma erstellt und kann heruntergeladen und sowohl in persönlichen als auch in kommerziellen Projekten verwendet werden. Sie können diese Datei mit einem einzigen Klick in Ihr eigenes Figma-Konto duplizieren.

Symbolsammlung für soziale Netzwerke 2022

Diese wunderschön einfache Sammlung von 34 Symbolen deckt alle wichtigen Social-Media-Dienste ab und enthält sowohl Farb- als auch Schwarzweißversionen.

55 Krypto-Logos

Wenn Sie an einem Kryptowährungs- oder Blockchain-Projekt arbeiten, ist dies das kostenlose Icon-Set für Sie. Über fünfzig Logos der beliebtesten Dienste sind in der Vorlage enthalten.

Website Page Builder-Icon-Pack auf Envato Elements

Verwenden Sie diesen Symbolsatz, wenn Sie eine Benutzeroberfläche für einen Seitenersteller erstellen müssen. Das Set wurde von den beliebtesten Seitenerstellern da draußen inspiriert und kann als Teil Ihres Envato Elements-Abonnements heruntergeladen werden.

Evericons für Figma

Dieses Set enthält insgesamt 460 Symbole, die für jedes Projekt verwendet werden können. Das Set ist kostenlos für private und kommerzielle Projekte.

Einkaufssymbole für Figma auf Envato Elements

Dieser Satz von Symbolen umfasst 60 Symbole, die sich perfekt für einen Online-Shop, eine Einkaufsanwendung oder eine Website eignen. Die Symbole haben eine einstellbare Linienbreite und können sowohl in Figma als auch in Illustrator, Photoshop und mehr verwendet werden.

Figma Soziale Symbole

Probieren Sie dieses Set aus, wenn Sie Ihren Designs Social-Media-Symbole hinzufügen möchten. Das Set enthält über 100 Symbole, die einfach angepasst werden können und in persönlichen und kommerziellen Projekten verwendet werden können.

Computer- und IT-Figma-Symbole auf Envato Elements

Sehen Sie sich diese Computer- und IT-Symbole für Figma an, wenn Sie an einem IT-Projekt arbeiten. Das Kit enthält 60 Symbole und kann als Teil Ihres Envato Elements-Abonnements heruntergeladen werden.

Materialsymbole Figma-Bibliothek

Diese kostenlose Symbolsammlung enthält über 1000 Symbole, die Sie in jeder Art von Projekt und Prototyp verwenden können. Sie können in kommerziellen und persönlichen Projekten verwendet werden.

Figma Font Awesome 5 Symbolkomponentenbibliothek

Dieses Icon-Set basiert auf Font Awesome Icons und enthält über 1200 einzigartige Icons, die ordentlich kategorisiert sind. Sie können kostenlos heruntergeladen und in jedem persönlichen Projekt verwendet werden.

Figma Entypo Icon Komponentenbibliothek

Diese Bibliothek mit Entypo-Symbolen wurde speziell für Figma erstellt. Es enthält 411 kostenlose und Premium-Vektorsymbole, die Sie für Ihr nächstes UX-Designprojekt verwenden können. Es kann kostenlos in persönlichen Projekten verwendet werden.

Kostenlose Figma-Flussdiagrammvorlagen

Windhund-Flussdiagrammvorlagen für Figma

Dieser Satz von Flussdiagrammvorlagen enthält mehr als 200 Karten, mit denen Sie schnell Flussdiagramm- und Sitemap-Prototypen erstellen können. Das Kit ist für private und kommerzielle Projekte kostenlos.

Flussdiagramm-Kit 2.0 für Figma

Dies ist ein weiteres hervorragendes Flussdiagramm-Kit, das sich perfekt zum schnellen Entwerfen von Sitemaps und zum schnellen Visualisieren von Prozessen eignet. Das Kit ist für private und kommerzielle Projekte kostenlos.

Design-Präsentationsvorlage für Figma

Diese kostenlose Vorlage wurde so konzipiert, dass Sie schnell professionelle Präsentationen Ihrer UI-Kreationen erstellen können. Es wird mit einer Vielzahl von vollständig anpassbaren Schaltflächen, Diagrammen und Textblöcken geliefert, sodass Sie Ihre Präsentation zu Ihrer eigenen machen können.

Figma macht es einfach, schnell schöne Prototypen für mobile Apps, Web-Apps, Dashboards, Sitemaps und jedes andere UI-Projekt zu erstellen, das Sie benötigen. Mit Hilfe dieser Figma-Kits können Sie Ihre Designs schneller prototypisieren, also fügen Sie sie noch heute Ihrer Bibliothek hinzu.