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

Einer der mächtigsten Aspekte von Sketch ist die lebhafte Entwickler-Community und die fantastischen 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 nach Kategorien unten organisiert.

Sketch Plugin Manager
Collaboration Sketch Plugins
Plugins für den Inhalts- und Objektgenerator
Export- und Front-End-Entwicklungs-Plugins
Layer Management Plugins
Dienstprogramme

Sketch Plugin Manager

Sie sollten zunächst eines dieser vier Sketch-Plugins installieren. Sie helfen Ihnen dabei, Ihre Plugins effizient zu verwalten und auszuführen.

Skizzenpakete

Plugin hier herunterladen: https://sketchpacks.com/

Ein Sketch Plugin Browser, Manager und Auto Updater. Sketch Packs schützen Sie auch vor unerwarteten Kompatibilitätsproblemen beim Aktualisieren von Sketch, indem Sie Plugin-Versionen sperren.

Sketch Runner

http://sketchrunner.com/

Sketch Runner ist das Spotlight oder Alfred for Sketch. Es ist ein leistungsstarkes Sketch-Plugin, mit dem Sie Sketch-Befehle von Ihrer Tastatur aus 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 beim Testen und Verwalten Ihrer Plugins als nützlich erachten. Es verwendet Git, um alle Ihre Plugins zu verwalten und sie auf dem neuesten Stand zu halten.

Sketch Toolbox

Plugin hier herunterladen: http://sketchtoolbox.com/

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

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

Collaboration Sketch Plugins

Nachdem Sie Ihren Plugin-Manager ausgewählt haben, können Sie in die Sketch Collaboration-Plugins springen, mit denen Sie Ihre Dateien verwalten, mit Ihren Freunden zusammenarbeiten, Feedback sammeln und vieles mehr können.

Null Höhe

Plugin hier herunterladen: https://zeroheight.com/

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

Kette

Plugin hier herunterladen: https://lalomrtnz.github.io/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 bietet Ihnen die Möglichkeit, Farben im laufenden Betrieb global zu ändern.

Kaktus

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

Kaktus ist eine Erweiterung der Designversion. Es verwaltet Ihre Dateien und hält Sie mit dem gesamten Team synchron.

Abstrakt

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

Dieses Plugin ist ein Git für Designer. Sie können das gesamte Projekt verwalten und mit anderen Designern zusammenarbeiten. Sie erhalten die Versionskontrolle Ihrer Sketch-Dateien, sind in Slack integriert und können Feedback von Kunden einholen, die Sketch nicht verwenden.

Craft von InVision

Plugins hier herunterladen: 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-Inhalte hinzuzufügen, können Sie echte Inhalte von einer Website erhalten. Anstatt auf Aktienwebsites nach Benutzeravataren zu suchen, können Sie dies direkt in Craft tun. Anstatt zufällige Telefonnummern zu erkennen, können Sie diese einfach generieren.

Dies sind nur einige Beispiele für die Funktionsweise von Craft. Wenn Sie mehr über Craft erfahren möchten, sollten Sie dies auf jeden Fall tun Lesen Sie diesen Artikel von ApeeScape Designer Bree Chapin .

Plugins für den Inhalts- und Objektgenerator

Skizzenmaterial

Plugin hier herunterladen: https://websiddu.github.io/sketch-material/

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

Bootstrap Grid

Plugin hier herunterladen: 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 Raster darin.

7 Spaltenkalender

Plugin hier herunterladen: https://freedesignresources.net/7-columns-calendar-creator/

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.

Benutzerabläufe

Plugin hier herunterladen: https://abynim.github.io/UserFlows/

Das Generieren von Benutzerflussdiagrammen ist mit dem Plugin 'Benutzerflussskizze' ein Kinderspiel.

Looper

Plugin hier herunterladen: http://sureskumar.com/looper/

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

Konfetti

Plugin hier herunterladen: http://www.sketchconfetti.com/

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

Symbol Blume

Plugin hier herunterladen: https://github.com/avadhbsd/IconFlower

Dadurch werden in kürzester Zeit Symbole in einem Phyllotaxis-Muster für Sie angeordnet.

Steuern

Plugin hier herunterladen: 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

Plugin hier herunterladen: https://github.com/bunnieabc/Blender

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

Kartengenerator

Plugin hier herunterladen: https://github.com/eddiesigner/sketch-map-generator

Wenn Sie es satt haben, Karten für Ihre Designs zu scannen, werden Sie dieses Plugin lieben. Zeichnen Sie ein Rechteck, geben Sie Ihren Standort ein und kopieren Sie den Stil von Schicke Karten und Map Generator erledigt den Rest für Sie.

Sketchy Feet

Plugin hier herunterladen: https://github.com/longzheng/sketch-randomSize

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

Zufällige Größe

Plugin hier herunterladen: https://github.com/longzheng/sketch-randomSize

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

Export- und Front-End-Entwicklungs-Plugins

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

Launchpad

Plugin hier herunterladen: https://launchpad.animaapp.com/

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

Aufreizend

Plugin hier herunterladen: https://launchpad.animaapp.com/

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

Mit Folien synchronisieren

Plugin hier herunterladen: https://websiddu.github.io/sync-to-slides/

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

Messen

Plugin hier herunterladen: http://utom.design/measure/

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

Marketch

Plugin hier herunterladen: https://github.com/tudou527/marketch

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

Layer Management Plugins

Diese Plugins sind sehr hilfreich, wenn Sie große Designdateien verwalten. Mit ihnen können Sie Skizzierebenen bereinigen, umbenennen, entfernen oder durchsuchen. Sie können auch Emojis verwenden, um Verwalten Sie Ihre Dateien .

RenameIt

Plugin hier herunterladen: https://github.com/rodi01/RenameIt

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

Bereinigen Sie nutzlose Gruppen

Plugin hier herunterladen: https://github.com/bomberstudios/Cleanup-Useless-Groups

Wenn Sie schnell arbeiten, können leere Gruppen entstehen. Dieses Sketch-Plugin löst Ihre Probleme, indem alle nutzlosen (doppelten oder leeren) Gruppen entfernt werden.

Wählen Sie Vertraute Ebenen

Plugin hier herunterladen: 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 Plugin können Sie Ebenen mit derselben Füllfarbe, Rahmenfarbe, Schriftgröße, Mischmodus usw. auswählen.

Skizzen-Zeichenflächen-Manager

Plugin hier herunterladen: https://github.com/bomberstudios/artboard-manager

Zeichenflächenmanager fangen Zeichenflächen in Zeilen und Spalten ein und ordnen ihre Position an.

Skizze überall suchen

Plugin hier herunterladen: 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

Plugin hier herunterladen: https://github.com/romashamin/sort-me-sketch

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

Ebenen umschalten

Plugin hier herunterladen: https://github.com/joshwayne/jw-sketch-plugins

Ein tolles Plugin, das in Kombination mit Emojis in Ebenennamen , ermöglicht das Umschalten der Sichtbarkeit von Ebenen, die mit dem Augen-Emoji bereitgestellt werden.

Dienstprogramme

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

Zauberspiegel 3

Plugin hier herunterladen: http://magicsketch.io/mirror/

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

Stark

Plugin hier herunterladen: http://www.getstark.co/

Ein Must-Have-Plugin, wenn Sie sich für Ihre Projektzugänglichkeit interessieren. Es ist ein farbenblinder Simulator und Kontrastprüfer.

Handliche Werkzeuge

Plugin hier herunterladen: https://github.com/webpatch/Handy-Tools

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

Nudge Corner Radius

Plugin hier herunterladen: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Mit diesem Plugin können Sie den Eckenradius über Ihre Tastatur ändern.

Symbole importieren

Plugin hier herunterladen: https://github.com/kmerc/sketch-import-symbols

Wenn Sie an mehreren Skizzendateien arbeiten, sollten Sie dieses Plugin ausprobieren. Es importiert alle Symbole von einer Skizzendatei in eine andere.

Halbe Pixel verschieben

Plugin hier herunterladen: https://github.com/canisminor1990/sketch-move-half-pixel

Manchmal möchten Sie ein Objekt in Sketch um ein halbes Pixel verschieben - mit diesem Plugin ist dies ein Kinderspiel.

Text Plugins

Plugin hier herunterladen: https://github.com/joshwayne/jw-sketch-plugins

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

Appalette

Plugin hier herunterladen: https://github.com/Carlosarturo28/Appalette

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

Rechtschreibprüfung Alle Ebenen

Plugin hier herunterladen: 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 Wörter, die dieses Plugin beschreiben: Responsive Design für Designer.

Flüssigkeit

Plugin hier herunterladen: https://github.com/matt-curtis/Fluid-for-Sketch

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

Compo

Plugin hier herunterladen: https://github.com/romashamin/compo-sketch

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

FlipSize

Plugin hier herunterladen: https://github.com/apertureless/sketch-flip-size

Ein winziges Sketch-Plugin, das die Breite und Höhe von Objekten mit einer Verknüpfung ändert.

Pixel Perfecter

Plugin hier herunterladen: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Mit diesem einfachen Sketch-Plugin vermeiden Sie beschädigte Layerdimensionen.

Icon Stamper

Plugin hier herunterladen: https://github.com/tylergaw/icon-stamper

Ein Skizzen-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 Social-Media-Bilder erstellen, sparen Sie mit diesem Sketch-Plugin viel Zeit, indem Sie Zeichenflächen mit unterschiedlichen Größen für Sie erstellen.

Suchen und Ersetzen

Plugin hier herunterladen: https://github.com/thierryc/Sketch-Find-And-Replace

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

• • •

Lesen Sie weiter im ApeeScape Design Blog:

• eCommerce UX - Ein Überblick über Best Practices (mit Infografik)
• Die Bedeutung von menschenzentriertem Design im Produktdesign
• Die besten UX Designer-Portfolios - Inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: So erstellen Sie magische Benutzererlebnisse