Inhalt
- Was macht Adobe XD eigentlich?
- 01. UnZiehen
- 02. PhotoSplash 2
- 03. Mockplus iDoc
- 04. UI-Gesichter
- 05. Color Ranger Pro 2
- 06. Stark
- 07. Benennen Sie es um
- 08. Fall ändern
- 09. Google Sheets
- 10. Trello
- 11. Winkel
- 12. Icondrop
- 13. Web-Export
Seit der Veröffentlichung der ersten Welle von Adobe XD-Plugins haben sie 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 leistungsstarken 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 Photoshop-Plugins, After Effects-Plugins und Illustrator-Plugins ansehen, um Ihre Adobe-Reise abzuschließen.
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. UnZiehen
- Preis: Kostenlos
- Hier herunterladen
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
- Preis: $19.99
- Hier herunterladen
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
- Preis: Von frei
- Hier herunterladen
Mockplus iDoc ist eine All-in-One-Produktdesignplattform, 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 Erstellen erfolgreicher Entwurfssysteme).
04. UI-Gesichter
- Preis: Kostenlos
- Hier herunterladen
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
- Preis: $21.99
- Hier herunterladen
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. So können Sie Themen erstellen oder UI-Kits mit einem einzigen Klick bearbeiten. 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 zur Farbtheorie.
06. Stark
- Preis: Von frei
- Hier herunterladen
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 eine Reihe 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
- Preis: Kostenlos
- Hier herunterladen
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.
08. Fall ändern
- Preis: Kostenlos
- Hier herunterladen
Change Case ist ein wirklich einfaches, aber leistungsstarkes Plugin, mit dem Benutzer die Groß- und Kleinschreibung von Text in XD ändern können. Dies scheint so einfach zu sein, aber es spart so viel unerwartete Zeit, wenn Sie es brauchen.
09. Google Sheets
- Preis: Kostenlos
- Hier herunterladen
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 Lorem Ipsum im gesamten Entwurf 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.
10. Trello
- Preis: Kostenlos
- Hier herunterladen
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
- Preis: Von frei
- Hier herunterladen
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
- Preis: Von frei
- Hier herunterladen
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
- Preis: Kostenlos
- Hier herunterladen
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.
