12 meilleurs plugins Adobe XD pour chaque concepteur - Moyens I/O

12 meilleurs plugins Adobe XD pour chaque concepteur

Il fut un temps où nous nous appuyions sur Adobe Photoshop pour toutes les exigences liées à la conception. Nous avons maintenant des applications et des logiciels dédiés pour chaque cas d’utilisation. Pour la conception UI/UX, le marché est inondé d’options telles que Sketch, Figma, InVision et Adobe XD. Parmi eux, si vous êtes investi dans un écosystème Adobe, alors Adobe XD devient un choix naturel pour vous. En utilisant les plugins XD, vous pouvez faire passer l’expérience au niveau supérieur.



Plugins Adobe xd

Les plugins jouent un rôle vital dans tout logiciel UI/UX. Ils sont similaires à la façon dont vous utilisez les extensions pour un navigateur. Une multitude d’entreprises de premier plan telles que Dribbble, Airtable et Stark ont ​​introduit leurs outils et services directement dans XD dès l’annonce de la plate-forme ouverte. Explorons quelques-uns des meilleurs plugins pour Adobe XD.

Noter: Dans l’application Adobe XD, vous trouverez le Plugin Store. Recherchez simplement le nom du plugin dans la barre de recherche et installez-le sur l’appareil.

1. Trello

Le travail à domicile devenant une nouvelle norme de nos jours, de nombreuses entreprises s’appuient sur des solutions de gestion de projet telles que Trello, Asana et Jira pour effectuer leur travail. Si votre équipe de concepteurs utilise Trello pour gérer les tâches UI/UX, alors Trello est le plugin indispensable pour votre équipe.



Trello pour xd

Avec le plugin Trello, les concepteurs peuvent envoyer sans effort leurs ressources XD à Trello, leur permettant de partager des plans de travail avec l’équipe sans avoir à quitter Adobe XD.

2. Éclaboussure de photos 2

De temps en temps, vous rencontrez un point où vous souhaitez utiliser une image libre de droits dans une maquette d’interface utilisateur. La routine normale comprend la recherche d’une image sur le Web, son téléchargement sur l’ordinateur et son importation dans le logiciel XD. Au lieu de cela, vous pouvez simplement opter pour le plugin Photosplash 2 et ajouter des images directement au programme XD.



Photostash 2 pour xd

3. XD à Flutter

Le langage Flutter de Google devient populaire parmi les développeurs ces jours-ci. Avec une seule ligne de code, vous pouvez créer des applications pour iOS et Android. La société a récemment ajouté la prise en charge des applications Web.

Avec le plug-in XD to Flutter, vous pouvez générer du code pour créer des applications avec Flutter en fonction de vos conceptions dans Adobe XD. Le plugin génère du code pour tout élément sélectionné dans XD, soit pour les objets individuels sur le canevas, soit pour des plans de travail entiers.



Xd à flotter pour xd

Lorsque vous apportez des modifications dans XD, vous pouvez simplement réexécuter le plug-in et mettre à jour le code généré.

4. Annuler le dessin

Une maquette est inachevée sans utiliser aucune illustration. Au lieu de les chercher pendant des heures sur le Web, vous pouvez simplement utiliser le plugin UnDraw qui possède une énorme collection d’illustrations. Le plugin abrite une collection constamment mise à jour d’illustrations .svg, entièrement personnalisables et que vous pouvez utiliser gratuitement et sans attribution, même dans des projets commerciaux.



Annuler le dessin pour xd

Nous l’utilisons dans chaque projet de conception, et nous vous recommandons fortement de l’essayer.

5. Visages de l’interface utilisateur

Chaque concepteur a besoin de ces images de profil à utiliser dans les conceptions UI/UX. Le plugin UI Faces pour XD regroupe des milliers d’avatars que vous pouvez filtrer pour créer vos personas parfaits. Les avatars sont filtrés à partir de diverses sources. Vous pouvez les sélectionner par âge, sexe, émotion, etc.



Visages d'interface utilisateur pour xd

6. Angle

Une fois le projet de conception terminé, vous souhaiterez peut-être le présenter à votre client sur une maquette d’appareil. En utilisant le plugin Angel mockup, vous pouvez créer de belles maquettes pour faire une première impression solide.

L’équipe GT adore utiliser des maquettes et des dribbles incroyables. L’angle est l’un des plugins les plus populaires et les plus incroyables que tout amateur de maquettes doit essayer.

7. Icônes 4 modèles

Celui-ci n’a pas besoin d’être présenté. Chaque designer a besoin de ces icônes colorées et minimalistes à mettre en œuvre dans la conception. Icons 4 vous permet de rechercher une icône par nom et de placer ces icônes dans la liste des résultats en un clic, ce qui donne une icône vectorielle entièrement modifiable.



Icônes 4 pour xd

La collection comprend une douzaine de collections d’icônes populaires dans une gamme de styles. Allez-y, essayez-le. Nous sommes sûrs que vous ne serez pas déçu.

8. Lorem Ipsum

Ceci est un autre plugin important pour chaque concepteur. Au cours d’un projet, vous devrez peut-être utiliser ces faux textes. Lorem Ipsum est un moyen standard de l’industrie de présenter le texte dans une maquette d’interface utilisateur. Il existe des sites Web dédiés qui vous permettent de copier le texte en fonction de vos besoins.



Lorem ipsum pour xd

En utilisant le plugin Lorem Ipsum, vous pouvez simplement obtenir ces textes sans quitter le programme Adobe XD.

9. Renommez-le

Nous avons tous passé plus de temps que nous ne voudrions l’admettre à organiser et à renommer les calques et les plans de travail. Renommer Il vous permet de renommer tous les calques de manière séquentielle dans l’ordre croissant ou décroissant, ainsi que de changer la casse du nom du calque en moins de temps que de renommer quelques calques. Il permet même de rechercher et de remplacer des mots ou des caractères avec de simples raccourcis clavier.



Renommez-le pour xd

10. Marque-page

Si vous travaillez avec de nombreux designs et plans de travail et que vous éprouvez parfois des difficultés à trouver le plan de travail en particulier, essayez le plugin Bookmark. Ce plugin vous permet de mettre en signet un plan de travail particulier, et chaque fois que vous exécutez et cliquez sur ce signet particulier, le focus de votre écran ira sur ce plan de travail particulier.

11. CouleurSpark

Nous avons vu de nombreux concepteurs d’interface utilisateur se débattre avec les choix et les combinaisons de couleurs tout au long du projet. Il existe des outils dédiés sur le Web qui vous aident à prendre une meilleure décision. Mais ColorSpark pour Adobe XD bat chacun avec un générateur de couleurs intégré pour des couleurs et des dégradés aléatoires.



Colorsplash pour adobe xd

Il aide les concepteurs à découvrir des palettes de couleurs uniques et à stimuler la créativité.

12. mou

Combinez travail créatif et travail d’équipe avec Slack. Les concepteurs peuvent facilement partager et prévisualiser des fichiers à partir d’applications, y compris Adobe XD, recevoir des commentaires et rester à jour sur les actions prises sur leurs actifs.



Slack pour xd

Avec son historique consultable, sa conversation organisée et son intégration d’applications, le plug-in Slack est le moyen idéal pour collaborer et obtenir des commentaires clairs et efficaces sur votre conception du début à la fin.

Créez des conceptions d’interface utilisateur étonnantes

Adobe XD est une solution parfaite si vous êtes investi dans l’écosystème Adobe. Et contrairement à Sketch, il est disponible sur Windows et Mac et ne coûte rien pour essayer quelques projets. Parcourez la liste des plugins ci-dessus et développez vos compétences en conception avec Adobe XD.

Ensuite :

Vous cherchez à exporter la conception Adobe XD vers un code HTML ? Lisez le post ci-dessous pour savoir comment y parvenir.

En relation :  12 façons d'accélérer Firefox Quantum
Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.