Die größte Sammlung kostenloser Sketch-App-Ressourcen, die Sketch-Wireframe-Kits, Sketch-Prototyping, Sketch-App-Vorlagen, Sketch-App-Vorlagen usw. abdeckt.

Sketch, ein Vektor-Design-Tool, das auf dem Mac läuft, ist einfach und benutzerfreundlich, weshalb es von immer mehr Designern bevorzugt wird. Darüber hinaus stellen immer mehr Designer kostenlose Ressourcen für die Sketch-App zur Verfügung, die UX/UI-Designern bei der einfachen und schnellen Erstellung ihrer Projekte helfen. Hier habe ich 30 der besten kostenlosen Sketch-App-Ressourcen gesammelt, darunter Sketch UI Kits, Sketch-Wireframes, Sketch-Plugins, Sketch-App-Vorlagen und mehr.

Hier ist eine Sammlung der besten kostenlosen Sketch-Wireframe-Kits für das Design von mobilen Apps und Websites im Jahr 2018. Ein Wireframe ist eine der besten Möglichkeiten, um Ihre Design-Ideen zu teilen, und Sie können einfach eines der folgenden Kits herunterladen, um Ihre eigenen Apps und Websites mühelos zu zeichnen.

Liberty Mobile Wireframe Kit

Liberty Mobile Wireframe Kit ist ein hochgradig anpassbares Tool zum Entwerfen von mobilen Apps in Höchstgeschwindigkeit. Durch einfaches Ziehen und Ablegen der vorgefertigten benutzerdefinierten Elemente können Sie Ihre eigene mobile App entwerfen. Darüber hinaus enthält es 125 Bildschirme, kostenlose Google-Schriften und eine breite Palette von Elementen mit vollständiger Anpassung, so dass jedes Projekt, ob groß oder klein, schnell erledigt ist. Dieses Kit hat PSD und Sketch Dateien.

Merkmale:

• 9 Kategorien
• Vollständig geschichtet
• 2x Auflösung 750x1334px
• Kompatibel mit Sketch & Photoshop

Kostenloser Download: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit wurde von Ray Macari entworfen. Diese Ressource ist ein großer Hit auf SketchApp mit 72353 Ansichten und 32906 Downloads. Es enthält 57 mobile Bildschirme und Gestensymbole, die Ihren UX-Workflow beschleunigen können. Alle Elemente sind vollständig anpassbar, sodass Sie jeden Stil leicht bearbeiten können. Außerdem können Sie mit diesem Kit das grundlegende Seitenlayout, die App-Architektur, den Inhalt und den UI-Flow darstellen.

Funktionen:

• 57 Mobile Screens
• Gesture Icons
• Anmerkungselemente und Symbole

Kostenloser Download: https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

Dieses Sketch Wireframe Kit wurde von Riza Selçuk Saydam entworfen, einem Designer, der kostenlose Designressourcen teilt. Riza Selçuk Saydam hat bereits das Design der Akıllı Vatandaş Mobile App geteilt, allerdings ohne das dazugehörige Wireframe; er hat dieses Kit nun auf SketchApp veröffentlicht. Es hat 49391 Ansichten und 20188 Downloads seit dem Posting. Sie können auch für Smart Citizen Mobile App Fallstudie für weitere Informationen zu gehen.

Features:

• Flat Stil
• Kompatibel mit Sketch & Photoshop
• Vektor gestylt
• Freebie Sketch Wireframe Kit

Gratis Download: https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit wurde von einem Designerkollegen aus Griechenland namens Panagiotis entworfen. Dieses ästhetisch ansprechende, hochwertige Materialdesign-Wireframing-Kit besteht aus 15 Zeichenflächen mit gut strukturierten und benannten Ebenen sowie vielen wiederverwendbaren Elementen. Es ist ein bevorzugtes Werkzeug für Ihre Android-E-Commerce-Apps. Dieses kostenlose Kit ist sehr beliebt und hat 72216 Aufrufe und 24018 Downloads.

Merkmale:

• Material-Design-Stil
• 15 Zeichenflächen
• Gut strukturierte Ebenen
• Voll anpassbar und editierbar

Kostenloser Download:https://www.sketchappsources.com/free-source/2337-….

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit wurde von Kishore entworfen. Mit ihm haben Sie alle grundlegenden Elemente, um Ihre mobile App mit einem Low-Fidelity Wireframe zu zeichnen. Es hat derzeit 26122 Aufrufe und 11171 Downloads.

Kostenloser Download:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit wurde von Steph Kelly entworfen. Wenn Sie ein Wireframe-Kit für Android-App-Design benötigen, empfehlen wir Ihnen, dieses zu verwenden. Dieses Kit hat derzeit 23836 Aufrufe und 11044 Downloads.

Kostenloser Download: https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch ist ein beliebtes Tool für Mac. Es ist schlanker und einfacher als Photoshop oder andere ähnliche Anwendungen. Immer mehr Designer stellen kostenlose Ressourcen für Sketch-Prototypen zur Verfügung, mit denen Sie schnell interaktive Prototypen für Ihr Projekt erstellen können. Die folgenden Ressourcen können Ihnen helfen, mit dem Prototyping mit Sketch zu beginnen.

Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch

Adminian 2 bietet eine große Auswahl an Symbolen und Vorlagen für das schnelle Design und Prototyping von Web-App-Layouts. Mit dieser Prototyping-Ressource können Sie jedes Projekt iterativ zeichnen. Darüber hinaus bietet es mehrere Ansätze, die Optionen für Ihr Projekt bieten.

Merkmale:

• 50+ Seitenvorlagen & 120 Icons
• 200+ UI Komponenten
• Material Design Grid
• Atomische Struktur
• Responsive & Resizable Groups
• Kompatibel mit Sketch

Kostenloser Download: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI and Prototype Sketch Resource

Shop iOS App wurde von Tobia Crivellari entworfen. Tobia ist eine Shop iOS App, die in Anlehnung an FILSO CO erstellt wurde. Die Credits für die Bilder und den Inhalt gehen an FILSON CO. Diese Ressource hat jetzt 32984 Aufrufe und 8093 Downloads.

Features：

• Alle Inhalte sind verpackt
• Über 10 Bildschirme in Sketch
• Grundlegender Prototyp für iPhone 6

Kostenloser Download:https://www.sketchappsources.com/free-source/1821-….

Essential Prototyping Template Sketch Resource

Dies ist eine einfache und flexible Sammlung der nützlichsten Stile und Symbole für die Erstellung großartig aussehender Prototypen. Alle Symbole sind für die Funktionen von Sketch 39 vorbereitet. Der Designer ist Konstantin Tereschenkov und es hat derzeit 44400 Ansichten und 12988 Downloads auf der SketchApp Seite.

Kostenloser Download:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

Der 3 Views of Google Maps Framer Prototyp wurde von Sergey Voronov entworfen. Diese Ressource hat 41418 Ansichten und 14340 Downloads.

Kostenloser Download:https://www.sketchappsources.com/free-source/1878-…

Ressourcen für Sketch-Website-Vorlagen

Die Flexibilität und die leistungsstarken Funktionen einer soliden Website-Vorlage machen sie zur besten Möglichkeit, eine Website zu erstellen. Hier sind einige Sketch Website Template Ressourcen für Ihre Inspiration.

Royal London Equestrian – Horse Riding School

Royal London ist ein kostenloses Sketch Template, das für Reiten, Pferdesport, Ställe, Pferdepflege und Reitschulen entwickelt wurde. Sie verfügt über alle Designelemente, die Sie für eine funktionale Website benötigen. Das Beste ist, dass Sie neue Seiten mit wiederverwendbaren Designelementen erstellen können. Sie besteht aus 2 Dateien, einer Grafikdatei und einer Sketch-Datei. Für diese Vorlage ist Sketch 40+ erforderlich.

Features:

• Einfach zu verwendende Vorlage
• 7 Seitendesigns
• 2 Nachrichtenseitendesigns
• Wiederverwendbare Seitensymbole
• Bootstrap Grid
• Layered & Organised
• Clean & Modern Style

Kostenloser Download:https://themeforest.net/item/royal-london-horse-ri….

Web Wireframe Kit Template – das perfekte UX-Kit für jedes Webprojekt

Diese Vorlage bietet ein großes Paket, einschließlich 110+ Wireframe-Module und Hunderte von Elementen. Mit diesen Website-Mockups können Sie mit Sketch oder Illustrator ganz einfach realitätsnahe Prototypen erstellen. Die Elemente sind gut organisiert und basieren auf einem 12-spaltigen, 1170px Bootstrap-Raster. Darüber hinaus können Sie die Breite der Elemente in Sketch mithilfe der Constraints-Funktion ändern.

Merkmale:

• 110+ Desktop-Module
• Kompatibel und gemacht für Sketch und Illustrator
• Bootstrap-Raster
• Design-Guide und Material-Icons von Google
• Onboarding-Screens

Kostenloser Download: https://elements.envato.com/web-wireframe-kit-L7TD…

Wireframing Template Sketch Resource

Diese Vorlage besteht aus gängigen Wireframing-Komponenten für die Verwendung auf Desktop- und Mobilgeräten, einschließlich 1-4 Spalten in verschiedenen Anordnungen. Alle Inhalte und Elemente sind sauber gruppiert und organisiert. Zum Beispiel gibt es 12-Spalten-Raster, die auf Twitter Bootstrap basieren. Diese Vorlage kann sowohl für Webdesign als auch für andere digitale Projekte verwendet werden. Der Designer ist Garret Voorhees und seine Arbeit hat 127459 Ansichten und 46203 Downloads auf SketchApp.

Merkmale:

• 3 Ebenen für die mobile Navigation
• Eine ganze Reihe von Typografiestilen
• Verschiedene UI-Elemente
• Gebräuchliche Icons
• WYSIWYG-Elemente

Kostenloser Download:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – Kreative Vorlage für Sketch & Photoshop

Oxy enthält 2 Website-Vorlagen, die für Kreativagenturen und -studios entwickelt wurden. Basierend auf einem 1170px Bootstrap-Raster, ist diese Ressource modern und elegant. Die PSD-Dateien sind vollständig geschichtet und anpassbar. Darüber hinaus sind alle Elemente nach Gruppen geordnet und können auch leicht durch den Gruppennamen identifiziert werden.

Merkmale:

• 2 Seitenvorlagen
• Modernes Design
• Basierend auf Bootstrap Grid System
• Kostenlose Google Fonts
• Gut organisierte Ebenen
• Kompatibel mit Sketch & Photoshop

Kostenloser Download: https://ui8.net/products/oxy-creative-template

User Persona Template Sketch Resource

User Persona Template, eine sehr einfache Vorlage für Sketch, wurde von Meghan Hartman unter Verwendung der Fake Crow Persona entworfen. Sie kann für die Erstellung von Personas für User Experience, Branding und Marketingstrategien verwendet werden. Derzeit hat sie 39743 Aufrufe und 9539 Downloads.

Merkmale:

• Einschließlich PDF-Datei
• Druckerfreundliche Version

Kostenloser Download: https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid Template wurde von Bruno Muller entworfen. Es ist eine Sketch 3 Layoutvorlage, die auf einem Bootstrap Grid System basiert. Es hat derzeit 35257 Aufrufe und 11061 Downloads. Es ist mit erweiterbaren Klassen und einem fortschrittlichen Grid-System erweitert.

Features:

• Bootstrap globale CSS-Einstellungen
• Grundlegende HTML-Elemente gestylt

Kostenloser Download: https://getbootstrap.com/docs/3.3/css/

Weitere Ressourcen zu Sketch Website Templates

Dies ist ein einfaches, kostenloses Landing Page Wireframe, das in der Sketch App erstellt wurde. Es wurde von Pausrr entworfen und hat bisher 53096 Aufrufe und 20206 Downloads.

Kostenloser Download:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

BetterDesign.io ist eine soziale Plattform, um dein Design zu testen, kostenlos zu kopieren und Ergebnisse in Echtzeit zu erhalten. Die Datei enthält eine sorgfältig gestaltete Landing Page mit einer freundlichen Hero-Illustration. Sie wurde von Betterdesign.io entworfen und hat 33081 Aufrufe und 16186 Downloads.

Kostenloser Download:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Dieses umfangreiche mobile UX Template ist ein Set von Schemata, User-Flow-Beispielen und einer Mediathek von Icons, die von ArcTouch entworfen wurden. Sie kann Ihnen dabei helfen, Ihre Überlegungen zu organisieren und die Stakeholder Ihres Projekts in Einklang zu bringen. Es hat 103138 Ansichten und 29879 Downloads.

Kostenloser Download:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Diese von Edwin Delgado entworfene Skizzen-Datei hat 2 Seiten – Assets und Mockup. Edwin wollte etwas, das er in Sketch gemacht frei zu teilen, so kam hier eine einfache Vorlage des iPhone 6, die für Präsentationen oder fließt verwendet werden kann. Es kommt mit einigen grundlegenden Linien, Schaltflächen und Rahmen. Es hat zwei Seiten, eine für Assets und die andere, die seinen Prozess beschreibt.

Merkmale:

• Grundlegende Linien, Knöpfe und Rahmen
• Zwei Seiten – Assets und Mockup

Kostenloser Download:https://www.sketchappsources.com/free-source/1166-….

iPhone 6 Plus und iPhone 6 Wireframe Sketch Resource

Dieses iPhone 6 Plus und iPhone 6 Wireframe wurde von Andrea Ripamonti entworfen. Es hat 82729 Ansichten und 28999 Downloads derzeit.

Kostenloser Download:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 Sketch Template Profile Kit

Avia UI Kit ist ein schönes Profil UI Kit, das 40 organisierte Landing Pages und 40 kostenlose Icons enthält. Jeder Bildschirm ist vollständig anpassbar und außergewöhnlich einfach zu bedienen. Dieses Profil-Kit wurde für Sketch und Photoshop erstellt und ist der vierte Teil einer atemberaubenden UI-Serie.

Merkmale：

• 40 schöne Landing Pages
• 40 kostenlose Bonus-Icons
• Hochglanzpoliertes Design
• Gut organisiert

Kostenloser Download: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA ist ein einfaches, sauberes und kreatives Website UI Kit erstellt von Webhance Studio. Es wurde entwickelt, um die Designanforderungen von Designern und Entwicklern zu erfüllen. Die Dateitypen umfassen JPG, PNG, PSD, SKETCH, SVG. Darüber hinaus thas es 250 + skalierbare SVG (Vektor) Icons enthalten. Alle Elemente sind frei zu verwenden.

Features:

• Adobe Photoshop unterstützt
• Kreative und moderne Designs
• Hochwertige und aktuelle Dateien
• Aktuelle Sketch-Version
• Kostenlose Google-Schriftarten
• Scharfe Pixelqualität
• 100% editierbare Ebenen und Layouts

Kostenloser Download: https://elements.envato.com/hexa-creative-website-…

Snap UI Kit – iOS 8 Wireframes Built for Sketch

Snap Kit ist ein iOS 8 Wireframing Tool, das für Sketch entwickelt wurde. Es hilft Ihnen, schnell Mockup Ihrer App durch gemeinsame iOS-Bildschirme durch seine 22 schöne iOS 8 Mockups und viele UI-Komponenten. Mit diesem Kit ist es viel einfacher, elegante Wireframes und strukturierte App-Flows zu erstellen.

Kostenloser Download: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

Material Design Template V2 wurde von Kyle Ledbetter entworfen, der eine Leidenschaft für Material Design hat. Es hat 81459 Ansichten und 32021 Downloads zur Zeit.

Kostenloser Download: https://dribbble.com/shots/2296655-Material-Design…

More on Sketch UI Design Resources

Bootflat UI kit is a Sketch version of the Bootflat framework designed by Anh Nguyen. Es hat 68220 Ansichten und 20517 Downloads.

Kostenloser Download: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Dies ist ein sich entwickelndes Sketch wiederverwendbares Wireframe UI Kit entworfen von Mariz Melo. Es hat 52048 Ansichten und 16784 Downloads.

Kostenloser Download: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Dies ist ein Sketch UI Framework, das von Damian Walsh entworfen wurde. Es basiert auf Twitter Bootstrap und ist perfekt für das Prototyping oder die Erstellung von Front-End-Styleguides. Außerdem sind alle Elemente als Symbole oder Textstile organisiert, sodass Änderungen auf das gesamte Projekt angewendet werden können.

Kostenloser Download: https://www.sketchappsources.com/free-source/1448-…

Ressourcen für Sketch-Plugins

Ich habe im Folgenden 2 der besten Sketch-Plugins für UX/UI-Designer zusammengefasst, die Ihnen helfen werden, Ihren Design-Workflow zu optimieren.

Mockplus iDoc – Online-Tool für die Zusammenarbeit beim Design&

Mockplus iDoc lässt Ihr gesamtes Produktdesign zusammenarbeiten. Es generiert automatisch Spezifikationen und Assets und erstellt interaktive und animierte Prototypen. Laden Sie einfach Ihre Entwürfe mit einem Klick hoch, laden Sie das Sketch-Plugin herunter, generieren Sie intelligente Spezifikationen und sehen Sie sich die Spezifikationsdaten mit einem einfachen Mausklick an.

Was macht dieses Plugin so besonders?

• Einfacher Zugriff auf die Spezifikationen auf verschiedene Arten

Es gibt drei Spezifikationsmodi in iDoc. Sie können mit dem Mauszeiger über beliebige Ebenen fahren; Sie können eine einzelne oder mehrere Ebenen auswählen; Sie können die Alt-Taste gedrückt halten, um die Angaben in Prozentwerte umzuwandeln.

• Mit einem Klick können Sie doppelte Elemente anzeigen

Mit einem Klick können Sie doppelte Designelemente wie Text, Farbe, Rand und Breite anzeigen. Alle doppelten Elemente werden auf einmal auf dem Bildschirm angezeigt, was Ihre Arbeitseffizienz erheblich verbessert.

Mockplus – Quick Prototyping Tool

Mit dem Mockplus-Plugin in Sketch können Sie MP-Dateien exportieren und Sketch-Prototypen in Mockplus erstellen. Dies ermöglicht es Designern, zusammenzuarbeiten und Anmerkungen hinzuzufügen, um sie mit Teammitgliedern zu teilen.

Wie verwendet man es? Es sind nur 3 Schritte erforderlich:

Schritt 1: Laden Sie das Sketch-Plugin herunter. Es ist ein kostenloses Tool.

Schritt 2: Wählen Sie „Plugins“ – „Mockplus“ – „Projektdateien exportieren“, wenn Sie das Design fertiggestellt haben.

Schritt 3: Gestalten Sie Ihre Inhalte neu, um Interaktionen in Mockplus hinzuzufügen. Darüber hinaus verfügt Mockplus über mehr als 3000 vorgefertigte Komponenten, mit denen Sie Ihre Oberfläche schnell perfektionieren können.