Die ultimative Liste von 50 der besten Sketch-Plugins

Sketch hat den Designmarkt im Sturm erobert. Sie veröffentlichen keine offiziellen Zahlen, aber es ist ziemlich offensichtlich, dass fast jedes Designteam, dem Sie beitreten oder mit dem Sie sprechen, Sketch in gewissem Maße kennt oder verwendet.

Einer der stärksten Aspekte von Sketch ist seine lebhafte Entwickler-Community und die fantastische Reihe von Plugins, die sie dafür entwickelt haben. Mit Sketch-Plugins können Sie in Sekundenschnelle wunderschöne 3D-Illustrationen und einzigartige Animationen erstellen.

Ich habe eine Liste mit fünfzig der besten Sketch-Plugins zusammengestellt, um Ihnen Zeit bei der Recherche zu sparen. Ich habe sie unten nach Kategorien geordnet.

Sketch-Plugin-Manager
Collaboration-Sketch-Plugins
Inhalts- und Objektgenerator-Plugins
Export- und Front-End-Entwicklungs-Plugins
Ebenenverwaltungs-Plugins
Dienstprogramme

Sketch-Plugin-Manager

Sie sollten mit der Installation eines dieser vier Sketch-Plugins beginnen. Sie helfen Ihnen, Ihre Plugins effizient zu verwalten und auszuführen.

Skizzenpakete

Ein Sketch-Plug-in-Browser, Manager und automatischer Updater. Sketch Packs bewahren Sie auch vor unerwarteten Kompatibilitätsproblemen beim Aktualisieren von Sketch, indem Plug-in-Versionen gesperrt werden.

Skizzenläufer

http://sketchrunner.com/

Sketch Runner ist das Spotlight oder Alfred für Sketch. Es ist ein leistungsstarkes Sketch-Plugin, mit dem Sie Sketch-Befehle über Ihre Tastatur ausführen können. Es ist auch ein Plugin, das andere Plugins für Sie installiert und verwaltet.

Sketch-Plugin-Manager

Plugin hier herunterladen: https://mludowise.github.io/Sketch-Plugin-Manager/

Dies ist das dritte von vier Plugins, die Sie praktisch finden werden, wenn es darum geht, Ihre Plugins zu testen und zu verwalten. Es verwendet Git, um alle Ihre Plugins zu verwalten und sie auf dem neuesten Stand zu halten.

Skizzen-Toolbox

Laden Sie das Plugin hier herunter: http://sketchtoolbox.com/

Sketch Toolbox ist eine weitere Option, mit der Sie alle Ihre Sketch-Plugins verwalten, installieren und aktualisieren können.

Während Sie alle diese vier Plugins ausprobieren sollten, ist Sketch Runner mein Favorit – es bietet Ihnen viel mehr als nur Plugin-Verwaltung. Wenn Sie sich daran gewöhnt haben, können Sie sich Sketch nicht mehr ohne vorstellen.

Collaboration-Sketch-Plugins

Sobald Sie Ihren Plugin-Manager ausgewählt haben, springen wir zu den Sketch Collaboration-Plugins, mit denen Sie Ihre Dateien verwalten, mit Ihren Freunden zusammenarbeiten, Feedback sammeln und vieles mehr.

Null Höhe

Laden Sie das Plugin hier herunter: https://zeroheight.com/

Zero Height ist ein externes kostenloses Plugin, mit dem Sie Asset-Bibliotheken und Styleguides erstellen, mit anderen Designern zusammenarbeiten und alles in der Cloud synchronisieren können.

Kette

Laden Sie das Plugin hier herunter: https://github.com/lalomts/Chain

Chain ist ein großartiges Plugin, wenn es um Farbänderungen in großen Dateien geht. Dieses Sketch-Plugin erstellt dynamische Farbbeziehungen in Sketch und gibt Ihnen die Möglichkeit, Farben im Handumdrehen global zu ändern.

Kaktus

Plugin hier herunterladen: https://kactus.io/

Kaktus ist eine Designversionskontrollerweiterung. Es verwaltet Ihre Dateien und hält Sie mit dem gesamten Team auf dem Laufenden.

Abstrakt

Plugin hier herunterladen: https://www.goabstract.com/

Dieses Plugin ist ein Git für Designer. Es ermöglicht Ihnen, das gesamte Projekt zu verwalten und mit anderen Designern zusammenzuarbeiten. Es gibt Ihnen die Versionskontrolle Ihrer Sketch-Dateien, ist in Slack integriert und ermöglicht es Ihnen, Feedback von Kunden zu sammeln, die Sketch nicht verwenden.

Handwerk von InVision

Laden Sie Plugins hier herunter: https://www.invisionapp.com/craft

Craft ist eine der beliebtesten Sketch-Erweiterungen und bietet Ihnen eine Reihe verschiedener Plugins, von einem Inhaltsgenerator über einen Feedback-Sammler bis hin zu Prototyping-Tools. Anstatt Lorem-Ipsum-Inhalt hinzuzufügen, könnten Sie echten Inhalt von einer Website erhalten. Anstatt Bestands-Websites zu durchsuchen, um Benutzer-Avatare hinzuzufügen, können Sie dies direkt von Craft aus tun. Anstatt zufällige Telefonnummern auszumachen, können Sie sie einfach generieren.

Dies sind nur einige Beispiele, wie Craft funktioniert. Wenn Sie mehr über Craft erfahren möchten, sollten Sie unbedingt diesen Artikel von Toptal Designer Bree Chapin lesen.

Inhalts- und Objektgenerator-Plugins

Skizzenmaterial

Laden Sie das Plugin hier herunter: https://websiddu.github.io/sketch-material/

Mit diesem Sketch-Plug-in können Sie beliebige Komponenten aus dem Google Material Design-System generieren.

Bootstrap-Raster

Laden Sie das Plugin hier herunter: https://github.com/De-La-Vega/BootstrapGrid

Dieses Sketch-Plugin generiert ein Bootstrap-Raster in Sketch-Dateien. Alles, was Sie tun müssen, ist, ein Rechteck zu zeichnen, und das Plugin erstellt das Gitter darin.

7-spaltiger Kalender

Plugin hier herunterladen: https://www.ls.graphics/

Der 7-Spalten-Kalender generiert einen beliebigen 7-Spalten-Kalender. Dies ist definitiv eines meiner Lieblings-Plugins. Es spart viel Zeit, wenn Sie einen Kalender entwerfen müssen.

Benutzerflüsse

Laden Sie das Plugin hier herunter: https://abynim.github.io/UserFlows/

Das Generieren von Benutzerflussdiagrammen ist mit dem User Flows Sketch-Plugin ein Kinderspiel.

Schleifer

Laden Sie das Plugin hier herunter: http://sureskumar.com/looper/

Dieses Plugin ist einer meiner persönlichen Favoriten und erzeugt durch das Duplizieren von Formen und Gruppen umwerfende Illustrationen. Sie können damit zahlreiche Arten von Illustrationen wie Banner, Poster, Muster, abstrakte Hintergründe und mehr erstellen. Hier erfahren Sie mehr über Looper.

Konfetti

Laden Sie das Plugin hier herunter: http://www.sketchconfetti.com/

Dieses Sketch-Plugin erzeugt mit einem Klick Konfetti aus Objekten und Ebenen.

Symbol Blume

Laden Sie das Plugin hier herunter: https://github.com/avadhbsd/IconFlower

Dadurch werden Symbole im Handumdrehen in einem Phyllotaxis-Muster für Sie angeordnet.

Skater

Laden Sie das Plugin hier herunter: https://github.com/joshdjuric/Skatter

Ein weiteres großartiges Sketch-Plugin zum Erstellen zufälliger Muster. Erstellen Sie einfach ein paar einfache Formen und Skatter verwandelt sie in ein wunderschönes Muster.

Mixer

Laden Sie das Plugin hier herunter: https://github.com/bunnieabc/Blender

Diese frische Sketch-Erweiterung verbindet zwei Formen und erzeugt einen schönen Farbverlauf zwischen ihnen.

Kartengenerator

Laden Sie das Plugin hier herunter: https://github.com/eddiesigner/sketch-map-generator

Wenn Sie es leid sind, Screenshots von Karten für Ihre Designs zu erstellen, werden Sie dieses Plugin lieben. Zeichnen Sie ein Rechteck, geben Sie Ihren Standort ein, kopieren Sie den Stil von Snazzy Maps und Map Generator erledigt den Rest für Sie.

Skizzenhafte Torten

Laden Sie das Plugin hier herunter: https://github.com/longzheng/sketch-randomSize

Sketch ist nicht das beste Werkzeug zum Erstellen von Tortendiagrammen … aber hier kommt Sketchy Pies. Dieses Sketch-Plugin, das Torten- oder Kreisdiagramme für Sie erstellt.

Zufällige Größe

Laden Sie das Plugin hier herunter: https://github.com/longzheng/sketch-randomSize

Eine weitere großartige Sketch-Erweiterung zum Erstellen von Diagrammen. Mit diesem Plugin können Sie jede beliebige Formdimension randomisieren, um Balkendiagramme zu erstellen.

Export- und Front-End-Entwicklungs-Plugins

Mit diesen Plugins können Sie ohne Programmierkenntnisse HTML/CSS-Dateien, ganze Websites oder codierte Newsletter veröffentlichen. Darüber hinaus generieren einige dieser Erweiterungen Dateien für Entwicklungsteams, die Sketch nicht verwenden.

Startrampe

Laden Sie das Plugin hier herunter: https://launchpad.animaapp.com/

Ein hervorragendes Sketch-Plugin, mit dem Sie sofort einsatzbereite Websites ohne Code-Kenntnisse direkt in Sketch veröffentlichen können.

Aufreizend

Laden Sie das Plugin hier herunter: https://launchpad.animaapp.com/

Wenn Ihr Kunde Sie das nächste Mal auffordert, an einer E-Mail-Vorlage zu arbeiten, laden Sie dieses Plugin herunter. Es hilft Ihnen, E-Mail-Vorlagen einfach mit HTML-fähigem Code zu erstellen, der reagiert.

Mit Folien synchronisieren

Laden Sie das Plugin hier herunter: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Ein großartiges Sketch-Plugin für diejenigen, die an Online-Präsentationen arbeiten. Es synchronisiert Sketch-Zeichenflächen mit Google Slides.

Messen

Laden Sie das Plugin hier herunter: http://utom.design/measure/

Measure ist perfekt, wenn Sie Ihre Designdatei an ein Entwicklungsteam weitergeben müssen. Es markiert alle Abmessungen und generiert eine HTML-Datei, die das gesamte Design enthält, sodass Entwickler ohne Sketch es problemlos öffnen können.

Marketch

Laden Sie das Plugin hier herunter: https://github.com/tudou527/marketch

Ein weiteres Plugin, das praktisch wird, wenn Sie mit Entwicklungsteams zusammenarbeiten. Es generiert HTML-Dateien, die Designs enthalten, und ermöglicht das Kopieren von CSS-Stilen aller Ihrer Ebenen.

Ebenenverwaltungs-Plugins

Diese Plugins sind wirklich hilfreich, wenn Sie große Designdateien verwalten. Sie ermöglichen es Ihnen, Sketch-Layer zu bereinigen, umzubenennen, zu entfernen oder zu durchsuchen. Sie können auch Emojis verwenden, um Ihre Dateien zu verwalten.

Umbenennen

Laden Sie das Plugin hier herunter: https://github.com/rodi01/RenameIt

Mit diesem Sketch-Plugin können Sie mehrere Ebenen gleichzeitig umbenennen, indem Sie sie auswählen und eine einzige Verknüpfung verwenden.

Bereinigen Sie nutzlose Gruppen

Laden Sie das Plugin hier herunter: https://github.com/bomberstudios/Cleanup-Useless-Groups

Wenn Sie schnell arbeiten, erhalten Sie möglicherweise leere Gruppen. Dieses Sketch-Plugin löst Ihre Probleme, indem es alle nutzlosen (duplizierten oder leeren) Gruppen entfernt.

Wählen Sie Vertraute Ebenen aus

Laden Sie das Plugin hier herunter: https://github.com/wonderbit/sketch-select-similar-layers

Wenn Sie mit der Funktion „Ähnliche Objekte auswählen“ von Adobe Illustrator vertraut sind und diese in Sketch vermissen, werden Sie dieses Plugin lieben. Mit diesem Plug-in können Sie Ebenen mit derselben Füllfarbe, Rahmenfarbe, Schriftgröße, Mischmethode usw. auswählen.

Skizzen-Zeichenflächen-Manager

Laden Sie das Plugin hier herunter: https://github.com/bomberstudios/artboard-manager

Artboard Managers rastet Zeichenflächen in Zeilen und Spalten ein und ordnet ihre Position an.

Skizzensuche überall

Laden Sie das Plugin hier herunter: https://github.com/MrPeak/sketch-search-everywhere

Mit diesem Sketch-Plugin können Sie jede Ebene finden, indem Sie einfach ihren Namen eingeben.

Sortiere mich

Laden Sie das Plugin hier herunter: https://github.com/romashamin/sort-me-sketch

Dieses winzige Sketch-Plugin sortiert Ihre Ebenen oder Zeichenflächen mit einer Tastenkombination.

Ebenen umschalten

Laden Sie das Plugin hier herunter: https://github.com/joshwayne/jw-sketch-plugins

Ein großartiges Plugin, das es Ihnen in Kombination mit Emojis in Ebenennamen ermöglicht, die Sichtbarkeit der Ebene umzuschalten, die mit dem Augen-Emoji bereitgestellt wird.

Dienstprogramme

Diese Sketch-Plugins erweitern hauptsächlich grundlegende Sketch-Funktionen oder machen sie zugänglicher.

Zauberspiegel 3

Laden Sie das Plugin hier herunter: http://magicsketch.io/mirror/

Wenn Sie Perspective Transformation von Photoshop vermissen, ist dieses Sketch-Plugin ein Muss. Sie können jede Skizzenebene perspektivisch transformieren, ohne sie zu zerstören.

Stark

Laden Sie das Plugin hier herunter: http://www.getstark.co/

Ein unverzichtbares Plugin, wenn Ihnen die Zugänglichkeit Ihres Projekts wichtig ist. Es ist ein Simulator für Farbenblinde und ein Kontrastprüfer.

Praktische Werkzeuge

Laden Sie das Plugin hier herunter: https://github.com/webpatch/Handy-Tools

Handy Tools bietet eine Reihe von Funktionen wie Ebenenausrichtung, Abstand oder Umschalten der Ebenensichtbarkeit.

Eckenradius anstoßen

Laden Sie das Plugin hier herunter: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Mit diesem Plugin können Sie den Eckenradius von Ihrer Tastatur aus ändern.

Symbole importieren

Laden Sie das Plugin hier herunter: https://github.com/kmerc/sketch-import-symbols

Wenn Sie an mehreren Sketch-Dateien arbeiten, sollten Sie sich dieses Plugin ansehen. Es importiert alle Symbole von einer Sketch-Datei in eine andere.

Halbes Pixel verschieben

Laden Sie das Plugin hier herunter: https://github.com/canisminor1990/sketch-move-half-pixel

Manchmal möchten Sie ein Objekt in Sketch um einen halben Pixel verschieben – mit diesem Plugin ist das ein Kinderspiel.

Text-Plugins

Laden Sie das Plugin hier herunter: https://github.com/joshwayne/jw-sketch-plugins

Mit diesen beiden Plugins können Sie mehrere Textebenen zu einem Textfeld kombinieren oder ein Textfeld in separate Ebenen aufteilen.

Appelle

Laden Sie das Plugin hier herunter: https://github.com/Carlosarturo28/Appalle

Appalle lädt eine Farbpalette von vielen beliebten Apps wie Dropbox, Facebook oder Airbnb herunter.

Rechtschreibprüfung aller Ebenen

Laden Sie das Plugin hier herunter: https://github.com/Tallwave/sketch-spellcheck-all-layers

Eines meiner Lieblings-Sketch-Plugins. Es wird die gesamte Datei auf Tippfehler überprüft.

Automatisches Layout

Plugin hier herunterladen: https://animaapp.github.io/

Vier Worte, die dieses Plugin beschreiben: Responsive Design für Designer.

Flüssigkeit

Laden Sie das Plugin hier herunter: https://github.com/matt-curtis/Fluid-for-Sketch

Ein komplexes Plugin, mit dem Sie responsive Zeichenflächen basierend auf Einschränkungen erstellen können.

Komp

Laden Sie das Plugin hier herunter: https://github.com/romashamin/compo-sketch

Mit diesem Sketch-Plugin können Sie dynamische Komponenten der nächsten Stufe erstellen.

FlipSize

Laden Sie das Plugin hier herunter: https://github.com/apertureless/sketch-flip-size

Ein winziges Sketch-Plugin, das Objektbreite und -höhe mit einer Verknüpfung ändert.

Pixel-Perfektionierer

Laden Sie das Plugin hier herunter: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Mit diesem einfachen Sketch-Plugin vermeiden Sie gebrochene Ebenenabmessungen.

Icon Stamper

Laden Sie das Plugin hier herunter: https://github.com/tylergaw/icon-stamper

Ein Sketch-Plugin, das verschiedene Symbolgrößen für Sie generiert.

Soziale Zeichenflächen

Plugin hier herunterladen: https://github.com/herrhelms/social-artboards-sketch

Wenn Sie viele Bilder für soziale Medien erstellen, spart Ihnen dieses Sketch-Plugin viel Zeit, indem es Zeichenflächen mit unterschiedlichen Größen für Sie generiert.

Suchen und Ersetzen

Laden Sie das Plugin hier herunter: https://github.com/thierryc/Sketch-Find-And-Replace

Mit diesem Sketch-Plugin können Sie jeden Text in Ihrer Datei finden und ersetzen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft