Les 8 meilleures extensions Google Chrome pour les designers

Que vous ayez besoin d’un outil pour prévisualiser des polices ou gérer vos flux de travail, vous trouverez les meilleures extensions Google Chrome pour les concepteurs dans ce guide complet. Ces plugins sont idéaux que vous soyez un amateur sérieux ou un professionnel.

1. Figma

Prix ​​: Gratuit avec options premium

Figma est populaire auprès des concepteurs UX et des graphistes, et son extension Chrome vous aide à mieux personnaliser les événements que vous créez dans Google Agenda.

Vous pouvez partager directement vos tableaux FigJam en utilisant l’extension Chrome de Figma. Cette fonctionnalité peut être utilisée pour exécuter une présentation ou ajouter un contexte supplémentaire avant une réunion.

L’extension Chrome Figma vous permet également d’ajouter n’importe lequel de vos fichiers Figma à un événement Google Calendar. En plus d’ajouter des fichiers existants, vous pouvez également en créer de nouveaux et des tableaux FigJam via votre calendrier. De plus, le plugin fonctionne comme un clic rapide vers le site Web de Figma.

2. Adobe Express

Prix ​​: Gratuit avec options premium

Bien que je recommande toujours d’utiliser des outils plus avancés, comme Adobe InDesign et Adobe Illustrator, pour les conceptions complexes, Adobe Express est idéal pour les prototypes de base et les publications sur les réseaux sociaux. Vous pouvez rapidement recadrer et redimensionner des images en plus de supprimer des arrière-plans.

L’extension Adobe Express pour Chrome vous permet de créer rapidement de nouveaux modèles sans avoir à accéder au site Web. Après avoir cliqué sur Créer , vous aurez accès à la bibliothèque complète.

En utilisant cette extension, vous pouvez également convertir des images de votre ordinateur ou de votre disque dur au format PNG ou JPEG. Cependant, elle ne fonctionne pas pour enregistrer et convertir des fichiers WEBP au format JPEG.

3. Google Font Previewer

Prix ​​: Gratuit

Comprendre comment les polices fonctionnent ensemble est l’un des aspects les plus cruciaux de la conception, mais savoir à quoi elles ressembleront est parfois difficile. Google Font Previewer vous permet de prévisualiser à quoi ressembleront les pages avec de nombreuses polices appliquées.

Pour choisir les polices que vous souhaitez ajouter, vous trouverez une liste complète sur le côté droit. Vous pouvez également choisir d’utiliser des symboles non latins, tels que l’arabe et le coréen.

Voyez comment vos polices interagissent avec les différentes parties de la page en modifiant la casse des lettres. De plus, vous pouvez choisir entre le format normal et le format gras. Une fois que vous savez comment vous souhaitez modifier vos polices, n’hésitez pas à les ajuster dans un thème WordPress ou un créateur de site Web que vous utilisez.

4. HTML pour la conception

Prix ​​: Gratuit avec options premium

Vous avez besoin du plugin Figma pour utiliser HTML to Design , mais c’est une extension Chrome très puissante pour les concepteurs, une fois que vous avez installé les deux. Vous pouvez transformer les pages Chrome que vous parcourez en conceptions Figma.

HTML to Design vous permet de personnaliser la largeur de votre conception. Je vous recommande de commencer par la largeur du navigateur si vous concevez une page Web, mais vous pouvez toujours choisir l’option mobile si vous créez une application ou une page mobile.

Le plugin HTML to Design vous permet de choisir la page entière ou une partie spécifique de celle-ci et le mode clair ou sombre.

5. ColorZilla

Prix ​​: Gratuit

Connaître les chiffres RVB exacts est l’un des plus grands défis, mais l’ extension Chrome ColorZilla facilite cette tâche pour les concepteurs. Le plugin vous montre les chiffres précis nécessaires pour n’importe quelle couleur de votre page Web, qu’il s’agisse d’un logo, d’une photo ou d’autre chose.

En plus de choisir une couleur à partir d’une page Web spécifique, ColorZilla vous permet également d’en choisir une en dehors de votre navigateur. Le plugin conserve également un historique de vos choix, ce qui signifie que vous pouvez vous y référer quand vous le souhaitez.

Ce sélecteur de couleurs dispose également d’un navigateur de palette qui vous permet de voir les numéros RVB des couleurs couramment utilisées.

6. Extension de recherche Chrome Miro

Prix ​​: Gratuit avec options premium

Si vous souhaitez accéder rapidement à vos projets Miro, pensez à télécharger l’extension de recherche Chrome de Miro . Après avoir intégré ce plugin, vous pouvez rechercher tous vos documents directement depuis la zone URL de Chrome.

Pour trouver vos résultats, saisissez « miro », suivi du nom de votre fichier. Vous remarquerez que l’URL change en Recherche Miro .

Après avoir appuyé sur Enter, vous serez transporté vers votre tableau de bord Miro.

7. Outils de conception

Prix ​​: Gratuit avec options premium

Designer Tools est une excellente extension Chrome qui vous permet d’apprendre à mesurer vos applications et sites Web. Découvrez le nombre de pixels de chaque aspect d’un site que vous visitez, comme les zones de texte et les éléments visuels.

Vous pouvez également comparer les pixels de différentes sections en cliquant sur l’une d’elles et en passant votre curseur sur la suivante que vous souhaitez mesurer.

Designer Tools vous permet d’enregistrer des aspects et d’ajouter des grilles pour vous aider à obtenir des mesures plus précises.

8. PerfectPixel

Prix ​​: Gratuit avec options premium

PerfectPixel vous permet d’ajouter plusieurs calques en téléchargeant des éléments visuels depuis votre ordinateur. Vous pouvez également copier et coller depuis votre presse-papiers. Si vous souhaitez terminer votre projet plus tard, il est facile de sauvegarder votre progression.

Pour éviter toute confusion, ajoutez des mises en page différentes pour chaque site Web. Vous pouvez également faire glisser et déposer les calques téléchargés à l’endroit précis où vous souhaitez qu’ils apparaissent.

PerfectPixel vous permet de placer des éléments à gauche, au milieu ou à droite en un seul clic. Vous trouverez également plusieurs raccourcis pour rationaliser votre flux de travail.

Que vous recherchiez des couleurs spécifiques ou que vous souhaitiez concevoir de nouveaux éléments sur une page Web, les meilleures extensions Chrome pour les concepteurs peuvent vous aider. Vous trouverez également de nombreux outils pour rechercher plus efficacement des logiciels. Vous pouvez envisager de les combiner avec des extensions Chrome qui améliorent votre expérience de recherche pour une productivité encore meilleure.

Crédit photo : DALL-E. Toutes les captures d’écran par Danny Maiorca.