{"id":23197,"date":"2022-08-01T01:00:00","date_gmt":"2022-07-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=23197"},"modified":"2022-11-10T13:49:39","modified_gmt":"2022-11-10T12:49:39","slug":"plugins-chrome-firefox-designer","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/","title":{"rendered":"14 plugins Chrome &amp; Firefox pour designer"},"content":{"rendered":"<p>Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer.<\/p>\n<p>Le catalogue d\u2019extensions de ces deux navigateurs refl\u00e8te bien leur grande popularit\u00e9, puisqu\u2019ils offrent une <a href=\"https:\/\/graphiste.com\/blog\/6-extensions-wordpress-pour-creer-une-galerie-photo\" target=\"_blank\" rel=\"noopener noreferrer\">grande multitude de plugins<\/a> en tous genres.<\/p>\n<p>Les professionnels du design et du d\u00e9veloppement front-end appr\u00e9cieront ce petit tour d\u2019horizon des meilleures extensions disponibles sur les Chrome &amp; Firefox Web Store.<\/p>\n<p>&nbsp;<\/p>\n<h2>7 plugins Chrome pour designer<\/h2>\n<p>&nbsp;<\/p>\n<h4>1. Web Developer<\/h4>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm?ref=blogduwebdesign.com\">Web Developer<\/a> est une extension que vous devez imp\u00e9rativement avoir dans votre trousse \u00e0 outils. Il s\u2019agit d\u2019un socle solide sur lequel travailler le d\u00e9veloppement web sur Chrome.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23213\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/unnamed-4.jpg\" alt=\"\" width=\"640\" height=\"400\" \/><\/p>\n<p>En effet, le plugin vous permet&nbsp;:<\/p>\n<ul>\n<li>de visualiser le code source d\u2019une page,<\/li>\n<li>de d\u00e9sactiver Javascript,<\/li>\n<li>de cacher les images,<\/li>\n<\/ul>\n<p>Et tout cela en un clin d\u2019\u0153il.<\/p>\n<p>&nbsp;<\/p>\n<h4>2. CSS Peeper<\/h4>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/css-peeper\/mbnbehikldjhnfehhnaidhjhoofhpehk?ref=blogduwebdesign.com\">CSS Peeper<\/a> est une extension qui vous permet non seulement de visualiser le CSS de n\u2019importe quelle page, mais aussi de l\u2019extraire. Gr\u00e2ce \u00e0 lui, vous n\u2019\u00eates plus contraint de fouiller manuellement des centaines de lignes de code.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23212\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/unnamed-3-1.jpg\" alt=\"\" width=\"640\" height=\"400\" \/><\/p>\n<p>Ainsi, si vous tombez sous le charme du design d\u2019une page web et que vous souhaitez vous en inspirer pour vos propres cr\u00e9ations, cet outil est fait pour vous.<\/p>\n<p>&nbsp;<\/p>\n<h4>3. iMacros pour Chrome<\/h4>\n<p>Oubliez les actions r\u00e9p\u00e9t\u00e9es des centaines de fois au cours des phases de test de vos sites web. <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/imacros-for-chrome\/cplklnmnlbnpmjogncfgfijoopmnlemp?hl=en\">iMacros pour Chrome<\/a> est un outil qui permet d\u2019enregistrer ces actions et de les sauvegarder.<\/p>\n<p>Gr\u00e2ce \u00e0 lui, vous \u00eates en mesure de tester vos pages en un seul clic. Avec iMacros pour Chrome vous gagnez du temps en supprimant ces actions r\u00e9p\u00e9titives et tr\u00e8s chronophages.<\/p>\n<p>&nbsp;<\/p>\n<h4>4. Sizzy<\/h4>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/sizzy\/nfhlbmjiiogoelaflfclodlkncbdiefo?ref=blogduwebdesign.com\">Sizzy<\/a> fait partie de ces outils incontournables du responsive design. L\u2019extension permet en effet de pr\u00e9visualiser instantan\u00e9ment les pages de votre site sur de nombreux supports.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23211\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/unnamed-2-1.jpg\" alt=\"\" width=\"640\" height=\"400\" \/><\/p>\n<p>De cette fa\u00e7on, vous \u00eates certain de la lisibilit\u00e9 de votre site, tant sur un ordinateur que sur un smartphone ou une tablette.<\/p>\n<p>&nbsp;<\/p>\n<h4>5. Fontface Ninja<\/h4>\n<p>Pour commencer, <a href=\"https:\/\/www.fonts.ninja\/\">Fontface Ninja<\/a> est une extension Chrome qui vous permet de d\u00e9nicher le nom de la police d\u2019\u00e9criture utilis\u00e9e sur un site web. Cerise sur le g\u00e2teau, l\u2019outil vous permet \u00e9galement de la t\u00e9l\u00e9charger en un seul clic.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23210 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/font-ninja-e1604054607182.png\" alt=\"\" width=\"750\" height=\"467\" \/><\/p>\n<p>Seul petit b\u00e9mol, vous devez prendre garde \u00e0 ne pas t\u00e9l\u00e9charger de polices payantes.<\/p>\n<p>&nbsp;<\/p>\n<h4>6. Page Ruler<\/h4>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/page-ruler\/idhjfgkakeliobkfbijghiaklmiaheag\">Page Ruler<\/a> est une extension tr\u00e8s populaire chez les webdesigners.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23208\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/unnamed-1.jpg\" alt=\"\" width=\"640\" height=\"400\" \/><\/p>\n<p>Elle permet en effet de mesurer les \u00e9l\u00e9ments d\u2019une page Web. Gr\u00e2ce \u00e0 cet outil, vous pouvez mesurer la largeur et la hauteur en pixels des \u00e9l\u00e9ments pr\u00e9sents sur tous les sites Web.<\/p>\n<p>&nbsp;<\/p>\n<h4>7. Image Downloader<\/h4>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/image-downloader\/cnpniohnfphhjihaiiggeabnkjhpaldj?ref=blogduwebdesign.com\">Image Downloader<\/a> est un outil qui offre un v\u00e9ritable gain de temps puisqu\u2019il permet de parcourir, filtrer et extraire instantan\u00e9ment toutes les images disponibles sur une page web, m\u00eame si celles-ci sont pr\u00e9sentes en grande quantit\u00e9.<\/p>\n<p>Cet add-on, vous \u00e9vite de rechercher les images qui vous int\u00e9ressent et de fouiller le CSS\u00a0 durant des heures.<\/p>\n<p>&nbsp;<\/p>\n<h2>7 plugins Firefox pour designer<\/h2>\n<p>&nbsp;<\/p>\n<h4>1. HTML Validator<\/h4>\n<p>L\u2019extension Firefox <a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/html-validator\/?ref=blogduwebdesign.com\">HTML Validator<\/a> est un outil particuli\u00e8rement utile qui vous permet de d\u00e9tecter automatiquement toutes les erreurs pr\u00e9sentes dans le code HTML d\u2019une page web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23218 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/11\/html-validator-e1604055384418.png\" alt=\"\" width=\"750\" height=\"333\" \/><\/p>\n<p>Le nombre d\u2019erreurs est ainsi signal\u00e9 de mani\u00e8re parfaitement visible, et leur d\u00e9tail est sp\u00e9cifi\u00e9 dans le code source de la page.<\/p>\n<p>&nbsp;<\/p>\n<h4>2. Window Resizer<\/h4>\n<p><a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/window-resizer-webextension\/?ref=blogduwebdesign.com\">Window Resizer<\/a> est une extension Firefox \u00e9galement disponible sous Chrome. Tr\u00e8s utile, elle permet de redimensionner vos fen\u00eatres et de tester le rendu de vos pages web avec diff\u00e9rentes tailles et r\u00e9solutions d\u2019\u00e9cran.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23206 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/228988-e1604053787155.png\" alt=\"\" width=\"759\" height=\"512\" \/><\/p>\n<p>Vous pouvez ici cr\u00e9er des dimensions personnalis\u00e9es ou choisir parmi les 20 configurations pr\u00e9d\u00e9finies.<\/p>\n<p>&nbsp;<\/p>\n<h4>3. ColorZilla<\/h4>\n<p>Disponible sur Firefox, mais aussi sur Chrome, l\u2019add-on <a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/colorzilla\/?ref=blogduwebdesign.com\">ColorZilla<\/a> est un must have pour tous les <a href=\"https:\/\/graphiste.com\/blog\/choses-a-savoir-devenir-designer\">designers<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23200\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/182531.png\" alt=\"\" width=\"640\" height=\"400\" \/><\/p>\n<p>Il s\u2019agit d\u2019une r\u00e9f\u00e9rence pour pr\u00e9lever n\u2019importe quelle couleur sur une page web. L\u2019extension vous permet \u00e9galement de cr\u00e9er des d\u00e9grad\u00e9s CSS et de g\u00e9n\u00e9rer des palettes de couleurs personnalis\u00e9es \u00e0 partir d\u2019un site.<\/p>\n<p>&nbsp;<\/p>\n<h4>4 . CSSViewer<\/h4>\n<p>Comme son nom le laisse entendre, <a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/cssviewer-quantum\/?ref=blogduwebdesign.com\">CSSViewer<\/a> permet d\u2019inspecter facilement l\u2019ensemble des propri\u00e9t\u00e9s CSS d\u2019une page web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23202 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/css-viewer-e1604053453975.png\" alt=\"\" width=\"750\" height=\"308\" \/><\/p>\n<p>Un outil parfait pour analyser rapidement le code de la page, et comprendre les techniques employ\u00e9es pour concevoir le design d\u2019un site afin de vous en inspirer par la suite pour vos propres cr\u00e9ations.<\/p>\n<p>&nbsp;<\/p>\n<h4>5. Lizard<\/h4>\n<p>Le plugin <a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/lizardextension\/?ref=blogduwebdesign.com\">Firefox Lizard<\/a> vous permet de s\u00e9lectionner n\u2019importe quel \u00e9l\u00e9ment d\u2019une page web afin&nbsp;:<\/p>\n<ul>\n<li>d\u2019en changer la couleur,<\/li>\n<li>d\u2019en modifier les dimensions et l\u2019apparence,<\/li>\n<li>de le cacher,<\/li>\n<li>de le supprimer,<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23203\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/bdw-extensions-firefox-4.jpg\" alt=\"\" width=\"800\" height=\"365\" \/><\/p>\n<p>Malgr\u00e9 toutes ces fonctionnalit\u00e9s, l\u2019outil est principalement utilis\u00e9 par les webdesigners pour se d\u00e9barrasser des \u00e9l\u00e9ments g\u00eanants ou inutiles d\u2019une page.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/plugins-design-wordpress\">WordPress&nbsp;: 11 plugins design \u00e0 conna\u00eetre absolument<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h4>6. Measure-it<\/h4>\n<p>L\u2019outil <a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/measure-it\/?ref=blogduwebdesign.com\">Measure-it<\/a> permet aux designers d\u2019installer une r\u00e8gle sur une page web afin de mesurer la hauteur et la largeur en pixels de l\u2019\u00e9l\u00e9ment voulu.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-23204\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/187854.png\" alt=\"\" width=\"700\" height=\"352\" \/><\/p>\n<p>Cette r\u00e8gle vous permet \u00e9galement d\u2019en v\u00e9rifier le bon alignement de mani\u00e8re simple et rapide. L\u2019outil est rapidement accessible gr\u00e2ce \u00e0 un simple raccourci clavier.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/plugin-indesign-gratuits-free\">8 plugins InDesign gratuits \u00e0 utiliser absolument&nbsp;!<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h4>7. Font Finder<\/h4>\n<p><a href=\"https:\/\/addons.mozilla.org\/fr\/firefox\/addon\/font-inspect\/?ref=blogduwebdesign.com\">Font Finder<\/a> est une extension Firefox qui vous permet de trouver et d\u2019analyser la police d\u2019\u00e9criture utilis\u00e9e dans n\u2019importe quel bloc de texte d\u2019une page web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-23205 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/205374-e1604053879894.png\" alt=\"\" width=\"750\" height=\"469\" \/><\/p>\n<p>Vous obtenez gr\u00e2ce \u00e0 lui le nom de ladite police, mais aussi sa couleur, sa taille, son espacement, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le catalogue d\u2019extensions de ces deux navigateurs refl\u00e8te bien leur grande popularit\u00e9, puisqu\u2019ils offrent une grande multitude de plugins en tous genres. Les professionnels du design et du d\u00e9veloppement front-end appr\u00e9cieront ce [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":23215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[55],"class_list":["post-23197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-inspiration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-10T12:49:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"14 plugins Chrome &amp; Firefox pour designer\",\"datePublished\":\"2022-07-31T23:00:00+00:00\",\"dateModified\":\"2022-11-10T12:49:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\"},\"wordCount\":987,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg\",\"keywords\":[\"Inspirez-vous\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\",\"url\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\",\"name\":\"14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg\",\"datePublished\":\"2022-07-31T23:00:00+00:00\",\"dateModified\":\"2022-11-10T12:49:39+00:00\",\"description\":\"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"14 plugins Chrome &amp; Firefox pour designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog","description":"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/","og_locale":"fr_FR","og_type":"article","og_title":"14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog","og_description":"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le","og_url":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-07-31T23:00:00+00:00","article_modified_time":"2022-11-10T12:49:39+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"14 plugins Chrome &amp; Firefox pour designer","datePublished":"2022-07-31T23:00:00+00:00","dateModified":"2022-11-10T12:49:39+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/"},"wordCount":987,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg","keywords":["Inspirez-vous"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/","url":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/","name":"14 plugins Chrome &amp; Firefox pour designer - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg","datePublished":"2022-07-31T23:00:00+00:00","dateModified":"2022-11-10T12:49:39+00:00","description":"Gr\u00e2ce aux nombreux plugins Chrome et Firefox, vous \u00eates en mesure de transformer votre navigateur pr\u00e9f\u00e9r\u00e9 en v\u00e9ritable bo\u00eete \u00e0 outils pour designer. Le","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-plugin-chrome-firefox-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"14 plugins Chrome &amp; Firefox pour designer"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/23197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=23197"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/23197\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/23215"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=23197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=23197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=23197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}