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
- Caractéristiques
- qSnap
- Caractéristiques
- Evernote Web Clipper
- Caractéristiques
- Image and photo editing Chrome extensions-
- Colorzilla
- Caractéristiques
- ProofMe pour Canva
- Caractéristiques
- Picmonkey
- Comment utiliser PicMonkey
- Slidely Photo Remix
- Caractéristiques
- Photomania
- Comment utiliser PhotoMania
- Sumo Paint
- Caractéristiques
- Votre concepteur graphique
- Caractéristiques
- WhatFont
- Comment utiliser WhatFont
- Téléchargeur d’images
- Pablo
- Comment utiliser Pablo
- Clavier Emoji
- Comment utiliser Emoji Keyboard
- HoverZoom+
- Caractéristiques
- Texmage
- Comment utiliser Texmage
- Enregistrer dans Google Photos
- Caractéristiques
- Développeur web Extensions Chrome-
- PerfectPixel
- Caractéristiques
- CSS Shack
- Caractéristiques
- CSS3 Generator
- Caractéristiques
- Page Ruler
- Caractéristiques
- Chrome Daltonize !
- Caractéristiques
- Window Resizer Beta
- Comment utiliser Window Resizer
- Web Maker
- Caractéristiques
- Blue Button
- Caractéristiques
- Extensions Chrome inspirantes
- 26. Flickr Tab
- Caractéristiques
- Google Art Project
- Caractéristiques
- Wookmark
- Comment fonctionne Wookmark
- Muzli 2
- Caractéristiques
- Et c’est dans la boîte !-
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
- 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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é.
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.
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é!