As a freelancer who has to create attention-grabbing images for clients, I am always on the lookout for the best Google Chrome extensions for design that will make my work 100 times easier.

Whether you’re a veteran designer or just starting out, by the time you’re done with this post, you’ll have at least one new tool that will help you create even better art (and be more efficient too).

Screenshot and annotation Chrome extensions

1. Awesome Screenshot

Awesome Screenshot is super helpful when it comes to taking screenshots and screen recordings of your screen while online.

Awesome screenshot


  • Screenshot online pages while browsing
  • Create a video recording of your screen
  • Crop and resize screenshot images
  • Annotation and blurring tools also available
  • Easily download and save your images and videos

Get Awesome Screenshot

2. qSnap

qSnap is a cross-browser screen capture tool for Chrome, Firefox, Safari, Opera and Internet Explorer.

qSnap screenshot


  • Capture and annotate multiple images at the same time
  • Consolidate multiple images into one document
  • Share screen captures across platforms

Get qSnap

3. Evernote Web Clipper

Evernote is a popular note-taking software for both mobile devices and desktop/laptop computers.

Evernote web clipper screenshot


  • Capture screenshots while online
  • Organize screenshots in folders
  • Sync screenshots across devices so you can access them anywhere

Get Evernote Web Clipper

Image and photo editing Chrome extensions

4. Colorzilla

Discovered a pretty color on someone else’s website? Find out its HEX code by using Colorzilla.

ColorZilla screenshot


  • Get a color reading from any point in the browser
  • Displays both RGB and HEX codes
  • Easily paste colors into any other application

Get Colorzilla

5. ProofMe for Canva

With Canva’s ProofMe extension, you can create proofs of your Canva designs and email them to friends or colleagues.

ProofMe for Canva screenshot


  • Share proofs seamlessly with Gmail, Facebook, Twitter, Slack and more
  • Annotate designs by drawing lines, highlighting text, taking measurements and adding comments
  • Easily incorporate feedback and save new versions of proofs

Get ProofMe

6. Picmonkey

Picmonkey is one of the best Chrome extensions for designers that allows you to instantly edit screenshots and images found on any webpage.

PicMonkey screenshot

How to use PicMonkey

  • Click the PicMonkey icon when you’re viewing a web page.
  • Select any image or screenshot in a sidebar.
  • Perform basic edits like: crop & rotate, image filters, overlays, fonts, textures, frames and touch up tools.

Get Picmonkey

7. Slidely Photo Remix

Bring any online image to life with the custom editing features of Slidely Photo Remix.

Slidely Photo remix screenshot


  • Add text overlays to any image with one click.
  • Create full blown collages, slides with music or even a promo for your business.
  • Share your photos via email, Facebook, Google Plus, Pinterest or Twitter.

Get Slidely Photo Remix

8. Photomania

Instantly turn any online photo into exciting visual art with easy-to-use effects from PhotoMania.

PhotoMania screenshot

How to use PhotoMania

  • Hover over any image in your browser.
  • Choose from over 400 effects. In this example, the “Sketch” effect was selected.
  • Share your image with friends.

If you like PhotoMania, Polarr and GooEdit are two other extensions that allow you to easily edit photographs right in your browser.

Get PhotoMania

9. Sumo Paint

Sumo Paint is a full-featured painting and image editing extension for the advanced designer who would like to create stunning images without the price tag that comes with tools like Photoshop.

Sumo Paint screenshot


  • An active art community of over 570,000 members and over 2 million images
  • Support for image layers
  • Shadow, glow, gradient and overlay effects
  • Image adjustment tools for curves, levels, color balance and more
  • Professional painting tools with over 300 brushes
  • Dozens more features comparable to Photoshop’s standard tools

Get Sumo Paint

10. Your Graphic Designer

Your Graphic Designer is an HTML5 vector graphics editor can be used to create drawings, vectors and paintings both online and offline.

Your Graphic Designer screenshot


  • Free-hand drawing
  • A full slate of vector tools including lines, shapes and curves
  • Export as SVG, PNG, JPG, BMP and PDF formats
  • Multi-language support

Get Your Graphic Designer

11. WhatFont

Cool web font caught your eye and need to know what it is? WhatFont inspects and detects the fonts used on any website.

How to use WhatFont

  • Click on the WhatFont icon to see a list of the different fonts used on the page.
  • Hover over a specific portion of text to learn about its font type.

Get WhatFont

12. Image Downloader

Browse and download all of the images from any website with Image Downloader.

Image Downloader screenshot
  • See all page images, both hosted or linked
  • Filter images by width, height and URL
  • Download or open individual images

Use the Gallerify extension that performs the same function.

Get Image Downloader

13. Pablo

Design images that are optimized for every social media platform using the Pablo Chrome extension.

Pablo extension

How to use Pablo

  • Choose from over 600,000 free stock images or upload your own.
  • Select which social media platform will be hosting the image.
  • Add text and other image filters to create your very own masterpiece.

Get Pablo

14. Emoji Keyboard

Love Emojis? Add them to your written content or on images with this extension.

Emoji Keyboard screenshot

How to use Emoji Keyboard

  • Click on the Emoji Keyboard icon in your browser bar.
  • Search for the emoji you want to use.
  • Click to copy, then paste it into whatever you’re typing.

Get Emoji Keyboard

15. HoverZoom+

Zoom in on any website image by simply hovering your mouse over the image.

Hover Zoom screenshot


  • Works with Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube, and more

Get HoverZoom+

16. Texmage

Create text overlays on any image using Texmage without the hassle of first downloading the image, uploading it to Canva or Picmonkey and then editing it.

Texmage screenshot

How to use Texmage

  • Select an image from any website.
  • Add text on the image and adjust its size, font, color and opacity.
  • Download your new “texmage” or share it on social media.

Get Texmage

17. Save To Google Photos

Save images you find online to your Google Photos so you can work on them later.

Save to Google Photos screenshot


  • Unlimited, free storage
  • Access photos anywhere you have an internet connection
  • Automatically remove duplicate pictures
  • Multiple photo albums

Get Google Photos

Web developer Chrome extensions

18. PerfectPixel

PerfectPixel allows developers to put a semi-transparent image overlay over the top of an HTML page to perform pixel-by-pixel comparison between them.

PerfectPixel screenshot


  • Support for multiple overlays
  • Inversion and scaling support
  • Overlays saved between browsing sessions

Two other overlay tools—Bootstrap Overlay and Instant Wireframe—are worth checking out as well.

Get PerfectPixel

19. CSS Shack

CSS Shack is a Chrome extension and desktop application that allows you to create website designs and app mock-ups easily.

CSS Shack screenshot


  • Create layer styles
  • Export styles to CSS and store
  • Use for creating and maintaining a web style guide

Get CSS Shack

20. CSS3 Generator

The CSS3 Generator extension creates the CSS code you need so you don’t have to write it yourself.

CSS3 Generator screenshot


  • Text and box shadows
  • Hex/RGBA colors
  • Transforms
  • Columns
  • Gradients
  • Transitions
  • And more!

Get CSS3 Generator

21. Page Ruler

Page Ruler lets you draw a ruler on any page to display the pixel dimensions and positioning for any element on a web page.

Page Ruler screenshot


  • View the width & height and top, bottom, left & right position
  • Guides extending from the ruler edges
  • Manually update the ruler size and position to make precision changes
  • “Element Mode” outlines page elements on the page as you mouse-over them
  • Navigate through parent, children and sibling elements of any element

Get Page Ruler

22. Chrome Daltonize!

Color blindness affects around 5% of the population. That’s 1 out of every 20 computer users! The Chrome Daltonize extension amplifies color details so that color blind users don’t miss out on any content.

Chrome Daltonize! screenshot


  • Simulates how images will appear to a color blind person
  • Reveals colors to color-blind users allowing so they can see details

Get Chrome Daltonize

23. Window Resizer Beta

Every screen size has a different resolution, and Window Resizer shows you how a website will look on different screens—all in your browser window.

Window Resizer Beta screenshot

How to use Window Resizer

  • Once installed, clicking on the extension icon will open up a dialog box (as shown in the image below) that allows you to resize your screen to different resolutions so you can simulate what a website would look like at that screen size and resolution.

Get Window Resizer Beta

24. Web Maker

Web Maker is perfect for developers who want to experiment with HTML, CSS or Javascript elements when you’re not online.

Web Maker screenshot


  • Save and load your creations, anytime, anywhere
  • Code autocompletion
  • Edit in CodePen
  • Preview screenshot capture
  • Open source on Github

Get Web Maker

25. Blue Button

Blue Button is a DIY designer’s ultimate spy weapon. Use it to inspect the meta description, tags, CSS and everything else “under the hood” of any website.

Blue Button screenshot


  • A run-down of all essential web design, graphic and SEO elements in one click
  • Access SEO related information such as tags, meta description and header information
  • View a list of all scripts and stylesheets used on the site
  • See the site favicon, touch icons and other images.
  • Find out which Google fonts are loaded

Get Blue Button

Inspirational Chrome extensions

26. Flickr Tab

Once Flickr Tab is installed, every new Chrome tab will display a popular photo from the Flickr community.


  • Wide range of high-quality images from the Flickr community
  • One-click access to the image on Flickr
  • Instant link to more photos from the user

Get Flickr Tab

27. Google Art Project

It’s not always easy to get inspired when you’re an artist. Google Art Project opens up a new artistic masterpiece every time to open up a new Chrome tab.

Google Art Project screenshot


  • Masterpieces ranging from Van Gogh to Monet to contemporary street artists
  • Artwork refreshed daily
  • Each image is connected to more information on the Google Cultural Institute website

Get Google Art Project

28. Wookmark

Wookmark allows you to collect visual bookmarks to keep you inspired and get those creative juices running.

Wookmark screenshot

How Wookmark works

  • Easily bookmark and save images from other websites
  • Upload your creative output and share it with others
  • Use groups to build mood boards
  • Share and discuss images with friends

Get Wookmark

29. Muzli 2

Get real-time design inspiration, including photographs, designs, UI/UX and more from around the web.

Muzli 2 screenshot


  • Replaces your Chrome default page with the freshest design, UI, UX and interactive news and photos from around the web
  • Integrates with Dribbble, Designer News, Sidebar, CSS Winner, The Next Web, and more

Get Muzli 2

And that’s a wrap!

That’s 29 Google Chrome extensions for designers to help you create stunning images and always be inspired!

What are the Chrome extensions for designers missing from our list? Let us know in the comments below!

About the author: Gertrude Nonterah is a scientist by day and a blogger/freelance writer by night. When she is not writing or finding things to write, she is watching the next interesting spy movie.