{"id":10531,"date":"2020-02-03T15:50:33","date_gmt":"2020-02-03T20:50:33","guid":{"rendered":"https:\/\/blog.brainstation.io\/?p=10531"},"modified":"2021-01-28T15:50:26","modified_gmt":"2021-01-28T20:50:26","slug":"the-11-best-chrome-extensions-for-designers","status":"publish","type":"post","link":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers","title":{"rendered":"The 11 Best Chrome Extensions for Designers"},"content":{"rendered":"\n

No one knows better than UX Designers how seemingly small tweaks to usability and efficiency can, in fact, make a massive difference to a user\u2019s experience.<\/span><\/p>\n\n\n\n

And yet, while few spend more time browsing the web than Designers, even the savviest among us might not be maximizing the quality of that experience.<\/span><\/p>\n\n\n\n

With that in mind, we rounded up 11 of the best Chrome extensions for Designers.<\/span><\/p>\n\n\n\n

Loom<\/b><\/a><\/p>\n\n\n\n

Chances are, you spend a fairly significant amount of time trying to communicate with other teammates about issues relating to user-flows, design issues or other bugs. Loom can make your life much easier.<\/span><\/p>\n\n\n\n

The extension allows you to record and narrate a video of what you see on your screen \u2013 as well as your front-facing camera \u2013 before sharing it with a simple link.<\/span><\/p>\n\n\n\n

If you\u2019re sold on Loom, consider the premium paid service, which allows 4K video, unlimited video storage, drawing tools, mouse click emphasis, and a suite of editing options including call-to-action buttons and custom thumbnails.<\/span><\/p>\n\n\n\n

Window Resizer<\/b><\/a><\/p>\n\n\n\n

Designers need to know how everyone will experience their web offerings, and a layout that looks beautiful on your screen \u2013 which, let\u2019s face it, is likely top-of-the-line \u2013 might flop on an aging iPhone.<\/span><\/p>\n\n\n\n

Window Resizer will help solve that blind spot, resizing the browser window to reproduce an array of screen resolutions. You can customize your list of resolutions, you can fiddle with the window\u2019s size and position, and for extra efficiency, the extension also allows you to create global key shortcuts.<\/span><\/p>\n\n\n\n

Muzli<\/b><\/a><\/p>\n\n\n\n

If you could use a little extra design inspiration in your day \u2013 and who couldn\u2019t? \u2013 Muzli is for you, curating engaging visual designs from all over the web to scroll through while you sip your morning coffee.<\/span><\/p>\n\n\n\n

With more than 150 sources from around the Internet including Dribbble, Mashable, and Product Hunt, Muzli will bring you the freshest design ideas, projects, and news each time you open a new tab.<\/span><\/p>\n\n\n\n

See something that interests you? Click through and learn more in a new browser window. <\/span><\/p>\n\n\n\n

Page Ruler<\/b><\/a><\/p>\n\n\n\n

UX Designers tend to have an appreciation for a simple but effective idea, and that sums up Page Ruler.<\/span><\/p>\n\n\n\n

Instead of wasting time carefully measuring the size of objects on a web page using the screenshot tool, get Page Ruler to quickly draw out a ruler and size up pixel dimensions and positionings as well as any elements on a page.<\/span><\/p>\n\n\n\n

ColorZilla<\/b><\/a><\/p>\n\n\n\n

It\u2019s likely that you often have occasion to quickly find out which color is being used on a webpage \u2013 and ColorZilla can help you get there that much faster.<\/span><\/p>\n\n\n\n

Long one of the most popular Firefox extensions before finally coming to Chrome, ColorZilla features an advanced eyedropper to determine the color of any pixel on any page, a CSS gradient generator, and a color picker.<\/span><\/p>\n\n\n\n

If you see a color you like, ColorZilla makes it a breeze to take the hex and RGB values and paste them into your clipboard.<\/span><\/p>\n\n\n\n

Fontface Ninja<\/b><\/a><\/p>\n\n\n\n

Are you the type to scour the Internet for fresh font ideas? Designers \u2013 and font fanatics in general \u2013 will want to install this elegant extension, which lets you identify fonts used on any website and quickly slip them into your design software.<\/span><\/p>\n\n\n\n

Fontface Ninja\u2019s \u201cFonts DNA engine\u201d doesn\u2019t just display the CSS name, but the real name of any displayed font, then lets you try it out legally. If you like it, Fontface Ninja also provides a link to buy the appropriate license.<\/span><\/p>\n\n\n\n

Spectrum<\/b><\/a><\/p>\n\n\n\n

It\u2019s estimated that color vision deficiency \u2013 also known as color blindness \u2013 affects millions around the world. To ensure those people have a positive experience with your web pages, try Spectrum, which quickly tests websites to see how they appear to people with different types of color blindness.<\/span><\/p>\n\n\n\n

The extension is said to be especially helpful for websites with data visualizations since some colors in the charts could be indistinguishable from one another.<\/span><\/p>\n\n\n\n

Checkbot<\/b><\/a><\/p>\n\n\n\n

Ensuring that all of your links actually work, that your forms are secure and that your site is fast and easy to navigate are all major usability concerns for a UX Designer; Checkbot will have your back and unearth any problems you haven\u2019t noticed.<\/span><\/p>\n\n\n\n

Testing hundreds of pages at once, Checkbot can discover broken links, HTML\/JavaScript\/CSS errors, duplicate titles, security issues, redirect chains and mixed content errors. <\/span><\/p>\n\n\n\n

In fact, Checkbot tests your site for 50-plus best practices for SEO, speed, and security.<\/span><\/p>\n\n\n\n

SVG Grabber<\/b><\/a><\/p>\n\n\n\n

Are you frequently finding yourself needing to nab logos, icons, illustrations or other artwork from other websites? If so, SVG Grabber could save you a lot of time and tedium.<\/span><\/p>\n\n\n\n

It\u2019s a tool to help you quickly preview and get all the SVG assets from a website. With just a single click, the extension will automatically reel in all the SVGs on a page before letting you sift through and quickly download the ones you need.<\/span><\/p>\n\n\n\n

UX Check<\/b><\/a><\/p>\n\n\n\n

Simply put, UX Check turns heuristic evaluations into a breeze.<\/span><\/p>\n\n\n\n

The extension lets you scan your website for usability issues so you can test without having real users. UX Check flags any areas of your site that need to be improved based on Nielsen Norman Group\u2019s <\/span>10 general principles for interaction design<\/span><\/a> \u2013 which include visibility of system status, error prevention, and consistency and standards \u2013 and saves a screenshot of the issue.<\/span><\/p>\n\n\n\n

When you\u2019re done, you can export everything to a document file to share easily with teammates.<\/span><\/p>\n\n\n\n

Corporate Ipsum<\/b><\/a><\/p>\n\n\n\n

If you\u2019re testing a new design \u2013 particularly one that\u2019s especially text-heavy \u2013 you might be sick of the usual first paragraph of Lorem Ipsum. For those Latin-weary among us, Corporate Ipsum is a fun extension that randomly conjures corporate double-speak for use as filler text.<\/span><\/p>\n\n\n\n

Instead of that long chain of dummy text you\u2019re used to seeing, you might be greeted instead by \u2013 for example \u2013 corporate jargon like this: \u201cefficiently seize integrated vortals with installed base methodologies.\u201d<\/span><\/p>\n\n\n\n

Merely having English words instead of Latin will make the design look far more natural, and the fact that the randomly assembled text often doesn\u2019t make any sense at all is simply part of the extension\u2019s charm.<\/span><\/p>\n\n\n\n

Find out more about BrainStation\u2019s UX Design courses<\/a>. <\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

While few spend more time online than Designers, the savviest have learned to maximize their experience. <\/p>\n","protected":false},"author":7,"featured_media":10533,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[158],"tags":[190,122],"yoast_head":"\nThe 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog<\/title>\n<meta name=\"description\" content=\"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog\" \/>\n<meta property=\"og:description\" content=\"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers\" \/>\n<meta property=\"og:site_name\" content=\"BrainStation\u00ae Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-03T20:50:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-28T20:50:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"BrainStation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brainstation.io\/blog\/#website\",\"url\":\"https:\/\/brainstation.io\/blog\/\",\"name\":\"BrainStation\u00ae Blog\",\"description\":\"The Digital Learning Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brainstation.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#primaryimage\",\"url\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg\",\"contentUrl\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg\",\"width\":1000,\"height\":667,\"caption\":\"Extensions for designers\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#webpage\",\"url\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers\",\"name\":\"The 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog\",\"isPartOf\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#primaryimage\"},\"datePublished\":\"2020-02-03T20:50:33+00:00\",\"dateModified\":\"2021-01-28T20:50:26+00:00\",\"author\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\"},\"description\":\"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.\",\"breadcrumb\":{\"@id\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/brainstation.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The 11 Best Chrome Extensions for Designers\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\",\"name\":\"BrainStation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"caption\":\"BrainStation\"},\"description\":\"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.\",\"url\":\"https:\/\/brainstation.io\/blog\/author\/brainstation\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog","description":"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.","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:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers","og_locale":"en_US","og_type":"article","og_title":"The 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog","og_description":"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.","og_url":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers","og_site_name":"BrainStation\u00ae Blog","article_published_time":"2020-02-03T20:50:33+00:00","article_modified_time":"2021-01-28T20:50:26+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"BrainStation","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/brainstation.io\/blog\/#website","url":"https:\/\/brainstation.io\/blog\/","name":"BrainStation\u00ae Blog","description":"The Digital Learning Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brainstation.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#primaryimage","url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg","contentUrl":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2020\/02\/GettyImages-534111870-e1586207720318.jpg","width":1000,"height":667,"caption":"Extensions for designers"},{"@type":"WebPage","@id":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#webpage","url":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers","name":"The 11 Best Chrome Extensions for Designers | BrainStation\u00ae Blog","isPartOf":{"@id":"https:\/\/brainstation.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#primaryimage"},"datePublished":"2020-02-03T20:50:33+00:00","dateModified":"2021-01-28T20:50:26+00:00","author":{"@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11"},"description":"While few spend more time online than Designers, the savviest have learned to maximize their experience. See 11 of the best Chrome extensions for Designers.","breadcrumb":{"@id":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brainstation.io\/blog\/the-11-best-chrome-extensions-for-designers#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brainstation.io\/blog"},{"@type":"ListItem","position":2,"name":"The 11 Best Chrome Extensions for Designers"}]},{"@type":"Person","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11","name":"BrainStation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","caption":"BrainStation"},"description":"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.","url":"https:\/\/brainstation.io\/blog\/author\/brainstation"}]}},"_links":{"self":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/10531"}],"collection":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/comments?post=10531"}],"version-history":[{"count":4,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/10531\/revisions"}],"predecessor-version":[{"id":12572,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/10531\/revisions\/12572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media\/10533"}],"wp:attachment":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media?parent=10531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/categories?post=10531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/tags?post=10531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}