{"id":27963,"date":"2015-09-02T05:00:24","date_gmt":"2015-09-02T12:00:24","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=27963"},"modified":"2024-04-09T04:11:39","modified_gmt":"2024-04-09T11:11:39","slug":"powerful-chrome-extensions-for-badass-designers","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers","title":{"rendered":"Powerful Chrome Extensions for Badass Designers"},"content":{"rendered":"<p>According to Statcounter, Google Chrome is the most-used web browser with over 50% of the market share, but I suspect that this is even higher for savvy designers like us. I use Chrome exclusively, even on mobile, and one of the main reasons for that is the abundance of epic extensions. Here&acirc;&euro;&trade;s 8 Google Chrome extensions that are especially useful to us designer folk.<h2><span class=\"ez-toc-section\" id=\"TrackDuck\"><\/span>TrackDuck<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Because of its integrations with Basecamp, Trello and JIRA, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/trackduck-tool-for-visual\/ekhfapehhkdanmgjkgagafnilhomfkek\">TrackDuck<\/a> is an excellent tool for offering feedback. Simply take a screenshot (of a specific area or an entire webpage) and TrackDuck automatically includes any technical data such as browser, OS version and screen resolution. Decide if it&acirc;&euro;&trade;s a bug report, a design flaw, or simply a speck of feedback, and the rest of your team can manage the task in their favourite collaboration tool.<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp\" alt=\"chrome-ext-1\" width=\"650\" height=\"356\" class=\"alignnone size-full wp-image-27965\"><h2><span class=\"ez-toc-section\" id=\"Instant_Wireframe\"><\/span>Instant Wireframe<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Have you ever received a design brief from a client and a well-designed website that you know of springs to mind? Perhaps you&acirc;&euro;&trade;re all-to-familiar with the classic &acirc;&euro;&oelig;we want this but with our branding&acirc;&euro; request. Well, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/instant-wireframe\/pmpmnmbgidlnoamkpmcikaejhmeldnha\">Instant Wireframe<\/a> will kickstart that.<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013022\/chrome-ext-2.jpg.webp\" alt=\"chrome-ext-2\" width=\"650\" height=\"400\" class=\"alignnone size-full wp-image-27966\"><h2><span class=\"ez-toc-section\" id=\"Responsive_Web_Design_Tester\"><\/span>Responsive Web Design Tester<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Responsive web design is about more than simply adjusting the size of your browser, but it&acirc;&euro;&trade;s still an important factor to consider. You don&acirc;&euro;&trade;t need to test on an actual mobile device every time you make a change, instead use <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/responsive-web-design-tes\/objclahbaimlfnbjdeobicmmlnbhamkg\">Responsive Web Design Tester<\/a> for a rough clarification of what your design looks like on handhelds.<\/p><p>Also, I love that it works via the right-click menu!<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013026\/chrome-ext-3.jpg.webp\" alt=\"chrome-ext-3\" width=\"650\" height=\"400\" class=\"alignnone size-full wp-image-27967\"><h2><span class=\"ez-toc-section\" id=\"Pixlr_Editor\"><\/span>Pixlr Editor<span class=\"ez-toc-section-end\"><\/span><\/h2><p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/pixlr-editor\/icmaknaampgiegkcjlimdiidlhopknpk\">Pixlr Editor<\/a> has received smashing reviews over the years, and is likely the most critically-acclaimed extension on this list, where its users claim that it serves as a viable alternative to Photoshop, and best of all you can use it in the browser, for free, with no signup required.<\/p><p>In any case that you fall in love with Pixlr Editor (and you will!), they also have a mobile app as well as a desktop app for both Mac and Windows. For less ambitious edits, try <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/pixlr-express\/hojmjpdlmjopaeginhldhiokeidchjid?hl=en\">Pixlr Express<\/a>.<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013029\/chrome-ext-4.jpg.webp\" alt=\"chrome-ext-4\" width=\"650\" height=\"366\" class=\"alignnone size-full wp-image-27968\"><h2><span class=\"ez-toc-section\" id=\"TypeWonder\"><\/span>TypeWonder<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Purely because this Google Chrome extension relives me of some very irritable feelings, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/typewonder\/ohgmapelghofmbacalgamfbejaghdilh\">TypeWonder<\/a> is my favourite extension on this list. You type the URL, select the font that you want to try out, and TypeWonder makes it happen. Anybody who has to deal with continuously changing web code to sample different fonts will certainly appreciate this.<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013031\/chrome-ext-5.jpg.webp\" alt=\"chrome-ext-5\" width=\"650\" height=\"366\" class=\"alignnone size-full wp-image-27969\"><h2><span class=\"ez-toc-section\" id=\"ColorZilla\"><\/span>ColorZilla<span class=\"ez-toc-section-end\"><\/span><\/h2><p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp\">ColorZilla<\/a> was (and still is) one of the best Firefox extensions of all time, with over 5 <em>million<\/em> downloads! Now you can download it for Google Chrome too. ColorZilla helps you extract colours and colour schemes from websites with its Photoshop-like eyedropper tool.<\/p><p>It works with flash objects, CSS gradients and hover states too!<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013035\/chrome-ext-6.jpg.webp\" alt=\"chrome-ext-6\" width=\"650\" height=\"400\" class=\"alignnone size-full wp-image-27970\"><h2><span class=\"ez-toc-section\" id=\"WhatFont\"><\/span>WhatFont<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Isn&acirc;&euro;&trade;t it annoying when you need to find out the name of the font being used on a website and your only hope is to search through Firebug or the WebKit Inspector? Look no further, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm\">WhatFont<\/a> will not only unveil the font&acirc;&euro;&trade;s name, but it&acirc;&euro;&trade;ll even tell you which API is serving it!<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013039\/chrome-ext-7.jpg.webp\" alt=\"chrome-ext-7\" width=\"650\" height=\"400\" class=\"alignnone size-full wp-image-27971\"><h2><span class=\"ez-toc-section\" id=\"Panda_4\"><\/span>Panda 4<span class=\"ez-toc-section-end\"><\/span><\/h2><p><a href=\"https:\/\/usepanda.com\/\">Panda<\/a> was not the first design inspiration extension for Google Chrome, but it did spark a trend of integrating several API&acirc;&euro;&trade;s into a singular web-app. <\/p><p>Panda 4 remains the best inspiration &acirc;&euro;&oelig;new tab&acirc;&euro; in my opinion, compiling Dribbble, Behance, Designer News, Awwwards, Pttrns, Designspiration, Design Milk, Site Inspire and literally countless others aimed at designers, hackers and founders.<\/p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013041\/chrome-ext-8.jpg.webp\" alt=\"chrome-ext-8\" width=\"650\" height=\"366\" class=\"alignnone size-full wp-image-27972\"><h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2><p>For web designers especially, who spend a lot more time in the browser than many other types of designers, Google Chrome extensions can really come in handy and save us from having to constantly switch back and forth between other desktop apps, or from having to repeat dire and tiresome tasks over and over.<\/p><p>Are there any Google Chrome extensions that you think deserve a special mention? Let me know in the comments below!<\/p><hr><p><strong>Products Seen In This Post:<\/strong><\/p><p>    <figure id=\"card-24880-1259951751\" class=\"product-card half no-pinit\" data-product-id=\"24880\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1259951751\"><\/figure>\n    \n    <figure id=\"card-11662-1436222938\" class=\"product-card half no-pinit\" data-product-id=\"11662\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1436222938\"><\/figure>\n    \n<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>According to Statcounter, Google Chrome is the most-used web browser with over 50% of the market share, but I suspect that this is even higher for savvy designers like us. I use Chrome exclusively, even on mobile, and one of the main reasons for that is the abundance of epic extensions. Here&acirc;&euro;&trade;s 8 Google Chrome [&hellip;]<\/p>\n","protected":false},"author":80,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[293,328,422,782],"topics":[],"class_list":["post-27963","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-designer","tag-designers","tag-tools","tag-tool"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Powerful Chrome Extensions for Badass Designers - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Powerful Chrome Extensions for Badass Designers\" \/>\n<meta property=\"og:description\" content=\"According to Statcounter, Google Chrome is the most-used web browser with over 50% of the market share, but I suspect that this is even higher for savvy\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-02T12:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-09T11:11:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp\" \/>\n<meta name=\"author\" content=\"Daniel Schwarz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Schwarz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers\",\"name\":\"Powerful Chrome Extensions for Badass Designers - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09013019\\\/chrome-ext-1.jpg.webp\",\"datePublished\":\"2015-09-02T12:00:24+00:00\",\"dateModified\":\"2024-04-09T11:11:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/22445dd760cb98b36f1c658c3d06afe7\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09013019\\\/chrome-ext-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/09\\\/09013019\\\/chrome-ext-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/powerful-chrome-extensions-for-badass-designers#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Powerful Chrome Extensions for Badass Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Powerful Chrome Extensions for Badass Designers - Creative Market Blog","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:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers","og_locale":"en_US","og_type":"article","og_title":"Powerful Chrome Extensions for Badass Designers","og_description":"According to Statcounter, Google Chrome is the most-used web browser with over 50% of the market share, but I suspect that this is even higher for savvy","og_url":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-09-02T12:00:24+00:00","article_modified_time":"2024-04-09T11:11:39+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp","type":"","width":"","height":""}],"author":"Daniel Schwarz","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Daniel Schwarz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers","url":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers","name":"Powerful Chrome Extensions for Badass Designers - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp","datePublished":"2015-09-02T12:00:24+00:00","dateModified":"2024-04-09T11:11:39+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/22445dd760cb98b36f1c658c3d06afe7"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/09\/09013019\/chrome-ext-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/powerful-chrome-extensions-for-badass-designers#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Powerful Chrome Extensions for Badass Designers"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/27963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=27963"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/27963\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=27963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=27963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=27963"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=27963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}