29 kickass Chrome extensions for design

En tant que freelance qui doit créer des images qui attirent l’attention des clients, je suis toujours à la recherche des meilleures extensions Google Chrome pour le design qui rendront mon travail 100 fois plus facile.

Que vous soyez un designer chevronné ou que vous débutiez, au moment où vous aurez terminé ce post, vous aurez au moins un nouvel outil qui vous aidera à créer un art encore meilleur (et à être plus efficace aussi).

Capture d’écran et annotation Extensions Chrome-

Awesome Screenshot

Awesome Screenshot est super utile quand il s’agit de prendre des captures d’écran et des enregistrements d’écran de votre écran en ligne.

Awesome screenshot

Caractéristiques

  • Capture d’écran des pages en ligne pendant la navigation
  • Créer un enregistrement vidéo de votre écran
  • Cadrer et redimensionner la capture d’écran. d’écran
  • Des outils d’annotation et de floutage sont également disponibles
  • Téléchargez et enregistrez facilement vos images et vos vidéos

Get Awesome Screenshot

qSnap

qSnap est un outil de capture d’écran cross-browser screen capture tool for Chrome, Firefox, Safari, Opera et Internet Explorer.

capture d'écran de qSnap

Caractéristiques

  • Capture et annotation de plusieurs images en même temps
  • Consolidation de plusieurs images dans un seul document
  • Partager des captures d’écran sur plusieurs plates-formes

Partez de qSnap

Evernote Web Clipper

Evernote est un logiciel de prise de notes populaire pour les appareils mobiles et les ordinateurs de bureau.prise de notes pour les appareils mobiles et les ordinateurs de bureau/portables.

Capture d'écran du clipper web d'Evernote

Caractéristiques

  • Capturez des captures d’écran en ligne
  • Organisez les captures d’écran dans des dossiers
  • Synchronisez les captures d’écran sur les appareils afin que. vous puissiez y accéder n’importe où

Get Evernote Web Clipper

Image and photo editing Chrome extensions-

Colorzilla

Découvert une jolie couleur sur le site web de quelqu’un d’autre ? Découvrez son code HEX en utilisant Colorzilla.

Capture d'écran de ColorZilla

Caractéristiques

  • Atteindre une lecture de couleur depuis n’importe quel point du navigateur
  • Affiche à la fois les codes RVB et HEX. codes
  • Coller facilement les couleurs dans n’importe quelle autre application

Get Colorzilla

ProofMe pour Canva

Avec l’extension ProofMe de Canva, vous pouvez créer des épreuves de vos créations Canva et les envoyer par e-mail à vos amis ou collègues.

Capture d'écran de ProofMe pour Canva

Caractéristiques

  • Partager les épreuves de manière transparente avec Gmail, Facebook, Twitter, Slack et plus encore
  • Annoter les conceptions en traçant des lignes, en surlignant du texte, prendre des mesures et ajouter des commentaires
  • Intégrer facilement les commentaires et enregistrer de nouvelles versions des épreuves

Get ProofMe

Picmonkey

Picmonkey est l’une des meilleures extensions Chrome pour les designers qui vous permet d’éditer instantanément des captures d’écran et des images trouvées sur n’importe quelle page Web.

Capture d'écran de PicMonkey

Comment utiliser PicMonkey

  • Cliquez sur l’icône PicMonkey lorsque vous consultez une page Web.
  • Sélectionnez n’importe quelle image ou capture d’écran dans une barre latérale.
  • Préalisez des modifications de base comme : recadrage & rotation, filtres d’image, superpositions, polices, textures, cadres et outils de retouche.

Get Picmonkey

Slidely Photo Remix

Donnez vie à n’importe quelle image en ligne grâce aux fonctions d’édition personnalisées de Slidely Photo Remix.

Slidely Photo remix capture d'écran

Caractéristiques

  • Ajoutez des superpositions de texte à n’importe quelle image en un clic.
  • Créez des collages complets, des diapositives avec de la musique ou même une promotion pour votre entreprise.
  • Partagez vos photos par e-mail, Facebook, Google Plus, Pinterest ou Twitter.

Gardez Slidely Photo Remix

Photomania

Transformez instantanément n’importe quelle photo en ligne en art visuel passionnant grâce aux effets faciles à utiliser de PhotoMania.

Capture d'écran de PhotoMania

Comment utiliser PhotoMania

  • Passez la souris sur n’importe quelle image dans votre navigateur.
  • Choisissez parmi plus de 400 effets. Dans cet exemple, l’effet « Esquisse » a été sélectionné.
  • Partagez votre image avec vos amis.

Si vous aimez PhotoMania, Polarr et GooEdit sont deux autres extensions qui vous permettent de modifier facilement des photographies directement dans votre navigateur.

Get PhotoMania

Sumo Paint

Sumo Paint est une extension complète de peinture et d’édition d’images pour le designer avancé qui voudrait créer des images étonnantes sans le prix qui vient avec des outils comme Photoshop.

Capture d'écran de Sumo Paint

Caractéristiques

  • Une communauté artistique active de plus de 570 000 membres et plus de 2 millions d’images
  • Prise en charge des couches d’image
  • Effets d’ombre, de lueur, de dégradé et de superposition
  • Outils de réglage d’image pour les courbes, les niveaux, balance des couleurs et plus encore
  • Outils de peinture professionnels avec plus de 300 pinceaux
  • Des dizaines d’autres fonctionnalités comparables aux outils standard de Photoshop

Obtenez Sumo Paint

Votre concepteur graphique

Votre concepteur graphique est un éditeur de graphiques vectoriels HTML5 peut être utilisé pour créer des dessins, des vecteurs et des peintures en ligne et hors ligne.

Capture d'écran de Your Graphic Designer

Caractéristiques

  • Dessin à main levée
  • Une ardoise complète d’outils vectoriels comprenant des lignes, des formes et des courbes
  • Exportation au format SVG, PNG, JPG, BMP et PDF
  • Prise en charge de plusieurs langues

Découvrez votre graphiste

WhatFont

Une police web cool a attiré votre attention et vous avez besoin de savoir ce que c’est ? WhatFont inspecte et détecte les polices utilisées sur n’importe quel site web.

Comment utiliser WhatFont

  • Cliquez sur l’icône WhatFont pour voir une liste des différentes polices utilisées sur la page.
  • Passez le curseur sur une partie spécifique du texte pour connaître son type de police.

Obtenez WhatFont

Téléchargeur d’images

Balayez et téléchargez toutes les images de n’importe quel site web avec Image Downloader.

Capture d'écran d'Image Downloader
  • Voir toutes les images de la page, qu’elles soient hébergées ou liées
  • Filtrer les images par largeur, hauteur et URL
  • Télécharger ou ouvrir des images individuelles

Utiliser l’extension Gallerify qui réalise la même fonction.

Téléchargez des images

Pablo

Concevez des images optimisées pour chaque plateforme de médias sociaux en utilisant l’extension Chrome Pablo.

Extension Pablo

Comment utiliser Pablo

  • Choisissez parmi plus de 600 000 images de stock gratuites ou téléchargez les vôtres.
  • Sélectionnez la plateforme de médias sociaux qui hébergera l’image.
  • Ajoutez du texte et d’autres filtres d’image pour créer votre propre chef-d’œuvre.

Obtenez Pablo

Clavier Emoji

Aimez les Emojis ? Ajoutez-les à votre contenu écrit ou sur des images avec cette extension.

Capture d'écran d'Emoji Keyboard

Comment utiliser Emoji Keyboard

  • Cliquez sur l’icône Emoji Keyboard dans la barre de votre navigateur.
  • Recherchez l’emoji que vous voulez utiliser.
  • Cliquez pour le copier, puis collez-le dans ce que vous tapez.

Get Emoji Keyboard

HoverZoom+

Zoomer sur n’importe quelle image de site web en passant simplement votre souris sur l’image.

Capture d'écran de Hover Zoom

Caractéristiques

  • Fonctionne avec Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube, et plus encore

Get HoverZoom+

Texmage

Créer des superpositions de texte sur n’importe quelle image en utilisant Texmage sans avoir à télécharger d’abord l’image, à la télécharger sur Canva ou Picmonkey, puis à la modifier.

Capture d'écran de Texmage

Comment utiliser Texmage

  • Sélectionnez une image sur n’importe quel site web.
  • Ajoutez du texte sur l’image et ajustez sa taille, sa police, sa couleur et son opacité.
  • Téléchargez votre nouveau « texmage » ou partagez-le sur les médias sociaux.

Obtenir Texmage

Enregistrer dans Google Photos

Enregistrez les images que vous trouvez en ligne dans votre Google Photos pour pouvoir les travailler plus tard.

Enregistrer dans Google Photos capture d'écran

Caractéristiques

  • Inlimité, illimité et gratuit
  • Accéder aux photos partout où vous avez une connexion Internet
  • Supprimer automatiquement les images en double
  • Multiples albums photo

Avoir Google Photos

Développeur web Extensions Chrome-

PerfectPixel

PerfectPixel permet aux développeurs de mettre une image semi-transparente en superposition d’une page HTML pour effectuer une comparaison pixel par pixel entre elles.

Capture d'écran de PerfectPixel

Caractéristiques

  • Prise en charge de plusieurs superpositions
  • Prise en charge des versions et de la mise à l’échelle
  • Superpositions sauvegardées entre les sessions de navigation

Deux autres outils de superposition -ootstrap Overlay et Instant Wireframe- méritent également d’être consultés.

Obtenez PerfectPixel

CSS Shack

CSS Shack est une extension Chrome et une application de bureau qui vous permet de créer facilement des designs de sites Web et des maquettes d’applications.

Capture d'écran de CSS Shack

Caractéristiques

  • Créer des styles de calque
  • Exporter les styles vers CSS et stocker
  • Utiliser pour créer et maintenir. un guide de style web

Avoir CSS Shack

CSS3 Generator

L’extension CSS3 Generator crée le code CSS dont vous avez besoin pour ne pas avoir à l’écrire vous-même.

Capture d'écran de CSS3 Generator

Caractéristiques

  • Ombre de texte et de boîte
  • Couleursex/RGBA
  • Transformations
  • Colonnes
  • Gradients
  • Transitions
  • Et plus encore !

Get CSS3 Generator

Page Ruler

Page Ruler vous permet de dessiner une règle sur n’importe quelle page pour afficher les dimensions en pixels et le positionnement de n’importe quel élément sur une page web.

Capture d'écran de la règle de page

Caractéristiques

  • Voir la largeur & hauteur et haut, bas, gauche & position droite
  • Guides s’étendant depuis les bords de la règle
  • Mise à jour manuelle de la taille et de la position de la règle pour effectuer des changements de précision
  • Le « mode élément » souligne les éléments de la page au passage de la souris
  • Naviguer à travers les éléments parents, enfants et frères et sœurs de n’importe quel élément

Get Page Ruler

Chrome Daltonize !

Le daltonisme touche environ 5% de la population. Cela représente 1 utilisateur d’ordinateur sur 20 ! L’extension Chrome Daltonize amplifie les détails des couleurs afin que les utilisateurs daltoniens ne manquent aucun contenu.

Chrome Daltonize ! capture d'écran

Caractéristiques

  • Simule comment les images apparaîtront à une personne daltonienne
  • Révèle les couleurs aux utilisateurs daltoniens permettant ainsi de voir les détails

Get Chrome Daltonize

Window Resizer Beta

Chaque taille d’écran a une résolution différente, et Window Resizer vous montre comment un site Web s’affichera sur différents écrans, le tout dans la fenêtre de votre navigateur.

Capture d'écran de Window Resizer Beta

Comment utiliser Window Resizer

  • Une fois installé, un clic sur l’icône de l’extension ouvrira une boîte de dialogue (comme dans l’image ci-dessous) qui vous permettra de redimensionner votre écran à différentes résolutions afin de simuler l’aspect d’un site Web à cette taille d’écran et à cette résolution.

Get Window Resizer Beta

Web Maker

Web Maker est parfait pour les développeurs qui veulent expérimenter des éléments HTML, CSS ou Javascript lorsque vous n’êtes pas en ligne.

Capture d'écran de Web Maker

Caractéristiques

  • Sauvegarder et charger vos créations, à tout moment, n’importe où
  • Autocomplétion du code
  • Édition dans CodePen
  • Prévision de la capture d’écran
  • Source ouverte sur Github

Get Web Maker

Blue Button

Blue Button est l’arme d’espionnage ultime d’un designer DIY. Utilisez-le pour inspecter la méta description, les balises, les CSS et tout ce qui se trouve « sous le capot » de n’importe quel site web.

Capture d'écran de Blue Button

Caractéristiques

  • Un aperçu de tous les éléments essentiels de conception web, de graphisme et de référencement en un clic
  • Accéder aux informations liées au référencement telles que les balises, la méta description et les informations d’en-tête
  • Voir une liste de tous les scripts et feuilles de style utilisés sur le site
  • Voir le favicon du site, les icônes tactiles et autres images.
  • Voir quelles polices Google sont chargées

Bouton bleu

Extensions Chrome inspirantes

26. Flickr Tab

Une fois Flickr Tab installé, chaque nouvel onglet Chrome affichera une photo populaire de la communauté Flickr.

Caractéristiques

  • Grande gamme d’images de haute qualité provenant de la communauté Flickr
  • Un seul.clic pour accéder à l’image sur Flickr
  • Lien instantané vers d’autres photos de l’utilisateur

Obtenir l’onglet Flickr

Google Art Project

Il n’est pas toujours facile de trouver l’inspiration quand on est un artiste. Google Art Project ouvre un nouveau chef-d’œuvre artistique à chaque fois que vous ouvrez un nouvel onglet Chrome.

Capture d'écran de Google Art Project

Caractéristiques

  • Des chefs-d’œuvre allant de Van Gogh à Monet en passant par des artistes de rue contemporains
  • Des œuvres rafraîchies quotidiennement
  • Chaque image est connectée. à plus d’informations sur le site de l’Institut culturel de Google

Get Google Art Project

Wookmark

Wookmark vous permet de collecter des signets visuels pour vous garder inspiré et faire couler le jus de la créativité.

Capture d'écran de Wookmark

Comment fonctionne Wookmark

  • Facilement, mettez en signet et enregistrez des images d’autres sites web
  • Transférez votre production créative et… créative et partagez-la avec d’autres
  • Utilisez des groupes pour créer des moodboards
  • Partagez et discutez des images avec vos amis

Ayez Wookmark

Muzli 2

Ayez de l’inspiration en temps réel pour le design.l’inspiration en temps réel, y compris des photographies, des designs, des UI/UX et plus encore provenant de tout le web.

Capture d'écran de Muzli 2

Caractéristiques

  • Remplace votre page par défaut de Chrome avec le design le plus frais, UI, UX et interactives et des photos de tout le web
  • Intégration avec Dribbble, Designer News, Sidebar, CSS Winner, The Next Web, et plus

Obtenez Muzli 2

Et c’est dans la boîte !-

C’est 29 extensions Google Chrome pour les designers pour vous aider à créer des images étonnantes et toujours être inspiré!