13 wichtige Adobe XD-Plugins

Adobe XD-Plugins: UnDraw
(Bildnachweis: unDraw)

Seit der Veröffentlichung der ersten Welle von Adobe XD-Plugins haben sich die Benutzer grundlegend verändert. Eine Vielzahl hochkarätiger Unternehmen wie Dribbble, Airtable und Stark haben ihre Tools und Services direkt in XD eingebracht, sobald die offene Plattform angekündigt wurde. Jetzt gibt es neue UI-Kits und Plugins von Trello, Google Cloud, UserTesting.com und einer Vielzahl von Unternehmen von anderen mächtigen Werkzeugen für Designer.

Adobe hat Plugins eingeführt, die Asset Management, Automatisierung, Veröffentlichung, Dienstprogramme für Barrierefreiheit und eine bessere Zusammenarbeit zwischen Designern und den Entwicklern und Stakeholdern ermöglichen, mit denen sie zusammenarbeiten. Dies ist für Designer enorm, da sie bisher viel Zeit damit verbringen mussten, hin und her zu gehen - Importieren, Speichern, Exportieren und Hochladen zwischen mehreren Plattformen in ihrem Workflow.

Aus diesem Grund haben wir die besten Adobe XD-Plugins ausgewählt, um Ihren Workflow zu verbessern. Sie können sich auch unsere Zusammenfassung der Besten ansehen Photoshop-Plugins , After Effects Plugins und Illustrator-Plugins um Ihre Adobe-Reise abzuschließen.



Dikembe Mutombo 4 und eine halbe Woche

Was macht Adobe XD eigentlich?

Aber vielleicht haben Sie all das Gerede über Adobe XD-Plugins verpasst und fragen sich, was Adobe XD eigentlich macht?

Adobe XD ist ein leistungsstarkes bildschirmbasiertes Designtool, mit dem Designer ihre Entwürfe in einer einzigen Anwendung erstellen, animieren, prototypisieren und freigeben können. Es hat sich aufgrund seiner unübertroffenen Leistung auf Mac und Windows weit verbreitet. Es ist auch Teil der Creative Cloud, was bedeutet, dass Adobe XD sehr gut mit anderen Adobe-Produkten wie Photoshop, Illustrator und After Effects zusammenarbeitet und sogar Dateien des Software-Konkurrenten Sketch öffnen kann, während die ursprünglichen Elemente beibehalten werden.

Schauen wir uns also die besten der besten verfügbaren Adobe XD-Plugins an.

01. Entzeichnen

Adobe XD-Plugins: UnDraw

unDraw bringt Illustrationen zu Adobe XD(Bildnachweis: UnDraw)

UnDraw enthält eine ständig aktualisierte Sammlung von .svg-Illustrationen, die vollständig anpassbar sind und die Sie auch in kommerziellen Projekten kostenlos und ohne Namensnennung verwenden können. Durchsuchen oder suchen Sie einfach nach den Illustrationen, die Sie verwenden möchten, ändern Sie die Farbe entsprechend Ihrer Palette oder anhand Ihrer Asset-Farben und laden Sie das Bild herunter und verwenden Sie es. Voila!

02. PhotoSplash 2

Adobe XD-Plugins: PhotoSplash

Erstellt von Designern für Designer(Bildnachweis: PhotoSplash)

Der Entwickler, der als 'Adobe XD + UnSplash' gekennzeichnet ist, rühmt sich, dass dieses Plugin von Designern für Designer erstellt wurde. Mit einem kostenlosen UnSplash-Konto können Sie Fotos direkt in Ihre Designs importieren, und die benutzerfreundlichen Navigations- und Suchwerkzeuge sind eine Freude. Wir denken, kein XD-Benutzer sollte ohne diesen sein.

03. Mockplus iDoc

Mockplus iDoc ist eine All-in-One-Plattform für das Produktdesign, mit deren Hilfe ein vernetzterer Workflow zwischen den Teams geschaffen werden kann. Sie können Ihre Designdateien von XD direkt in Mockplus iDoc importieren, sodass Sie Ihre gesamten Projekte, Designaufgaben und Arbeitsabläufe in einem Storyboard anzeigen können. Mit dem Plugin können Sie funktionale Prototypen mit Komponenten, Interaktionen und Symbolen erstellen. Sie können auch skalierbare Entwurfssysteme erstellen, um die Konsistenz innerhalb eines Projekts zu verbessern (weitere Informationen hierzu finden Sie in unserem Leitfaden zum erfolgreichen Erstellen Design-Systeme ).

Haben Sie eine einzige Tatsache, die das Kichern unterstützt?

04. UI-Gesichter

Adobe XD Plugins: Benutzeroberflächen

Mit UI Faces können Designer Attribute auswählen und die richtigen Flächen für Modelle finden

Das Finden von Fotos von Personen, die für Modelle verwendet werden können, kann zeitaufwändig sein. UI Faces fasst Fotos zusammen, die von Benutzern ihres Avatars eingereicht wurden, und markiert sie mit Attributen in Bezug auf Alter, Geschlecht, Emotion und Haarfarbe, um das richtige Gesicht so schnell und einfach wie möglich zu finden. Mit diesem Adobe XD-Plugin können Designer Parameter um diese Attribute auswählen und jede ausgewählte Form mit einem einzigen Klick mit Flächen füllen.

05. Color Ranger Pro 2

Adobe XD-Plugins: Color Ranger

Color Ranger verbessert die Farben in einem Design

Mit Color Ranger Pro 2 (früher Color Ranger) können Designer die Farben innerhalb eines Designs auf einfache Weise verbessern. Die Schlagzeile der neuen Version ist, dass Sie eine neue Version Ihres Designs im Dunkel- oder Hellmodus erstellen können. Nach wie vor können Sie jedoch auch Helligkeit, Sättigung, Farbton, Farbtiefe oder Deckkraft für einzelne Elemente oder ganze Zeichenflächen anpassen, ohne jedes Element in Photoshop bearbeiten zu müssen. Mit Color Ranger können Sie auch Voreinstellungen speichern und verwalten, sodass Sie Themen erstellen oder UI-Kits mit einem einzigen Klick bearbeiten können. Sie können jetzt Live-Änderungen vornehmen und die neue, verbesserte Version ist zweimal schneller.

Weitere Informationen zu Farben im Design finden Sie in unserem Beitrag unter Farbtheorie .

06. Stark

Adobe XD Plugins: Stark

Stark ist ein ethisches, integratives Plugin, das den Kontrast überprüft und Formen der Farbenblindheit simuliert

Die Sicherstellung, dass Designs für alle zugänglich sind, ist ein Hauptschwerpunkt für Designer und die Unternehmen, mit denen sie zusammenarbeiten. Stark wird als Suite integrierter Tools zur Einhaltung der Barrierefreiheit für Softwareteams beschrieben und hilft Ihnen beim Entwerfen und Erstellen von Produkten, die zugänglich, ethisch und inklusiv sind. Stark hat die Möglichkeit, den Kontrast zu überprüfen und Formen der Farbenblindheit direkt in Adobe XD zu simulieren. Vorbei sind die Zeiten, in denen eine separate Anwendung ausgeführt werden musste, um Farbenblindheit zu simulieren und in der Vorschau anzuzeigen, und viele Stunden damit verbracht wurden, Hex-Codes zu kopieren und einzufügen, um den Kontrast und die Lesbarkeit des Typs zu überprüfen.

07. Benennen Sie es um

Wir haben alle mehr Zeit damit verbracht, Ebenen und Zeichenflächen zu organisieren und umzubenennen. Umbenennen Hiermit können Sie alle Ebenen nacheinander in aufsteigender oder absteigender Reihenfolge umbenennen und die Groß- und Kleinschreibung des Ebenennamens in kürzerer Zeit ändern, als nur wenige Ebenen umzubenennen. Es ermöglicht sogar das Suchen und Ersetzen von Wörtern oder Zeichen durch einfache Tastaturkürzel.

wie man Künstlerölpinsel reinigt

08. Fall ändern

Adobe XD Plugins: Groß- und Kleinschreibung ändern

Ändern Sie die Textkapitalisierung mit Fall ändern

Change Case ist ein wirklich einfaches, aber leistungsstarkes Plugin, mit dem Benutzer die Textkapitalisierung in XD ändern können. Dies scheint so einfach zu sein, spart aber so viel unerwartete Zeit, wenn Sie es brauchen.

09. Google Sheets

Adobe XD-Plugins: Google Sheets

Importieren Sie die aktuelle Kopie von Google Sheets in Adobe XD

Das Eingeben und Auslegen von Schriftarten muss eine der schwierigsten Aufgaben für Designer sein. Dies führt dazu, dass entweder dieselben Elemente mehrmals kopiert und eingefügt werden oder dass im gesamten Entwurf Lorem Ipsum verwendet wird. Leider testet Lorem Ipsum nicht gut und führt häufig zu Ablenkungen oder Benutzern, die beim Testen der Benutzerfreundlichkeit auf das Falsche achten. Mit diesem Google Sheets-Plugin können Sie aktuelle Kopien aus einem Google Sheets-Dokument in Ihr Adobe XD-Dokument importieren. Selbst wenn sich der Inhalt des Google Sheets-Dokuments ändert, können Sie die Kopie in Ihrem Dokument für die endgültige Zusammenarbeit mit dem Copywriting-Team aktualisieren.

Zukunft des Webdesigns und der Webentwicklung

10. Trello

Adobe XD Plugins: Trello

Teilen Sie Zeichenflächen mit dem Team, ohne Adobe XD zu verlassen

Trello ist eine Produktivitätsplattform, mit der Einzelpersonen oder Teams Aufgaben organisieren, priorisieren und nahtlos zusammenarbeiten können. Mit dem Trello-Plugin können Designer ihre XD-Assets mühelos an Trello senden, sodass sie Zeichenflächen mit dem Team teilen können, ohne Adobe XD verlassen zu müssen.

11. Winkel

Adobe XD Plugins: Winkel

Teilen Sie Ihre Arbeit nahtlos mit Angle

Hin und wieder muss ein Designer seine Arbeit in einer Präsentation teilen. Nur statische Bildschirme einzuschalten, wird dem Design nicht gerecht. Jeder kennt diesen Workflow: Öffnen Sie ein Gerätemodell in Photoshop und exportieren Sie das Design in Photoshop, um den Bildschirm auf dem Gerät abzulegen. Mit Angle können Sie dasselbe tun, ohne Adobe XD zu verlassen. Mit Hunderten von Geräten, aus denen Sie aus verschiedenen Blickwinkeln auswählen können, dauert es viel weniger Zeit, um etwas Präsentierteres in diese Präsentation zu integrieren oder eine Aufnahme auf Dribbble hochzuladen.

12. Icondrop

Adobe XD Plugins:

Mit Icondrop haben Sie Zugriff auf Symbole, Illustrationen und Bilder

Icondrop stellt Designern mit einem einzigen Klick Millionen von Designressourcen zur Verfügung. So können Sie auf Symbole, Illustrationen und Fotos zugreifen, ohne Adobe XD verlassen zu müssen. Mit einer einfachen Suchfunktion und einfachem Zugriff auf frühere Downloads wird dies zu einem der wichtigsten Plugins, wenn Sie Modelle im laufenden Betrieb erstellen.

13. Web-Export

Für Designer, die mit Codierung nicht sehr vertraut sind, bietet Adobe XD eine hervorragende Möglichkeit, Dateien und Designspezifikationen für Entwickler freizugeben, damit diese wichtige Attribute für Elemente im Dokument anzeigen können. Für Designer, die an einem persönlichen Projekt arbeiten und keinen Zugriff auf Entwickler haben, könnte Web Export Ihr neuer bester Freund sein. Dieses Plugin ermöglicht den Export von HTML und CSS aus Ihren XD-Dateien und bietet verschachtelte Layouts, zentrierte Einschränkungen und die Möglichkeit, zusätzliche Stile, Attribute und Markups hinzuzufügen.

Zum Thema passende Artikel: