10 best Chrome extensions for designers

• Chrome, extensions

4 min. (796 words)

10-best-chrome-extensions-for-designers

Brendan Mahony

As designers, we’re almost always searching for new tips, tricks, and tools to help speed-up and improve our workflow. After a few months of testing out Chrome extensions, I’ve compiled a list of the 10 best extensions and plugins for designers.

If you’re a designer— you’re most likely staring at a 27″ iMac as you read this. Yet, most of our users don’t have monitors that are baby-elephant-size.

Thus meet Window Resizer. This is a real life-saver when it comes to seeing how your site looks on different viewports. Simply open the extension and either click the preset viewports or enter in something custom.

They say a picture is worth a thousand words and so a video is worth 10,000? 1M? Who knows — a lot though. Loom is a truly amazing free piece of software, which will help you record animations, user-flows, or bugs and share them with your team.

I’ve used this tool a lot over the past few months. It’s great for when you’re trying to communicate things that can’t be captured with just screenshots. Simply install the extension and press record. Once you’re finished, you can share your video and get stats on who has viewed it and more. 10/10 would recommend to a friend — and you of course 🙂

Are you spending a ton of time inspecting elements, grabbing screenshots, and logging bugs on your site? Well, look no further than the Toybox chrome extension. This is truly the fastest way to leave feedback and inspect CSS directly on your site.

You can think of it like InVision commenting and Zeplin Inspecting — but on your site instead of a design file. Not only that, when you leave a comment, it automatically takes screenshots, records browser data, OS info, viewport size and more — making reproducing issues a breeze. It’s a serious must-have for any product team or agency.

Need some inspiration with your morning coffee (or tea)? The Muzli chrome extension has got you covered. Every time you open a new browser window, you’ll see an up-to-date feed of all things awesome design. They pull from tons of design sources to give you what’s new and hip and cool.

I’ve been using this extension for years and it’s just great.

Sometimes you just need to grab the logo or icons on a page. If that sounds like something you do — then welcome SVG Grabber into your life. Click a single button and it will automatically pull all the SVGs that are on the page. Get a complete view of what it was able to capture and quickly download the ones you need.

Not necessarily an extension I use all the time but it’s been great to have on the back-burner for those tricky moments.

Measuring the size of objects on your page can be a serious pain. If you’re someone who frequently opens the screenshot tool to do so — I’d definitely recommend getting yourself the Page Ruler extension.

Open the extension, drag the box to measure, and you’re all set! Not much else to it.

Dark mode — a true necessity for any designer. So this is actually built right into Chrome Dev Tools and is not an extension — but thought I’d still mention it 😉

Simply open Dev Tools > Click the 3 dot Ellipses in the top right corner > Click settings > Under Appearance, switch it to Dark. That’s it! Now you can dodge your way through the DOM in complete darkness.

Sometimes you just need a quick way to see what color is being used — and ColorZilla is a great solution for just that. Simply hover over elements on your page to see the hex and rgb color values being used. Click to quickly copy it to your clipboard. It’s fast, simple, and efficient.

They have a few other features but haven’t used those too much tbh.

Another easy, breezy, beautiful extension for your downloads is Fontface Ninja. This lets you hover over elements to see what fonts they’re using. You can also go straight from the fonts on the page to purchase using their extension toolbar.

A simple and handy extension to have on your dock.

This pup isn’t really designer specific but I found it the other day and thought it was a real hoot-and-a-holler. Custom Cursor lets you change the default cursor to any of their flavor-town selections, as well as allowing you to upload a custom cursor.

Very fun, very funky, very fresh — give it a whirl.

— — — — — — —

Thanks for reading and I hope you enjoy some of these extensions as much as I do 🙂 Please drop a comment if you’ve got any other extensions that you use in your workflow!

53 comments

  1. I’m really enjoying the design and layout of your site.
    It’s a very easy on the eyes which makes it much
    more pleasant for me to come here and visit more often. Did
    you hire out a developer to create your theme? Excellent work!
    asmr 0mniartist

  2. You actually make it seem so easy with your presentation but I find this topic to be actually something that I
    think I would never understand. It seems too complicated
    and very broad for me. I’m looking forward for your next post, I
    will try to get the hang of it! asmr 0mniartist

  4. Oh my goodness! Impressive article dude! Thank you so much,
    However I am having difficulties with your RSS.
    I don’t know why I can’t join it. Is there anybody getting similar RSS issues?
    Anyone who knows the solution will you kindly respond?
    Thanx!! 0mniartist asmr

  5. Thanks for finally talking about > 10 best Chrome extensions for designers – Pavvy Designs
    < Liked it! asmr 0mniartist

  6. Hmm is anyone else experiencing problems with the images on this blog loading?
    I’m trying to determine if its a problem on my end or if
    it’s the blog. Any responses would be greatly appreciated.

  7. What’s up i am kavin, its my first time to commenting anyplace, when i read this article i thought i could also make comment due to this good piece of writing.

  8. Somebody essentially lend a hand to make seriously articles I might state.
    This is the very first time I frequented your website page and
    so far? I amazed with the analysis you made
    to make this particular submit incredible. Magnificent process!

  9. Hello to all, how is the whole thing, I think every one is
    getting more from this web page, and your views are fastidious in favor
    of new users.

  12. I think this is one of the most significant info for me.
    And i’m glad reading your article. But wanna remark on some general things, The site style is perfect,
    the articles is really great : D. Good job, cheers

  14. scoliosis
    Having read this I thought it was very informative.
    I appreciate you spending some time and effort to put this
    content together. I once again find myself personally spending way too much time both reading and
    leaving comments. But so what, it was still worth it!
    scoliosis

  15. scoliosis
    When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get four emails with the same comment.
    Is there any way you can remove me from that service? Bless
    you! scoliosis

  16. scoliosis
    My family always say that I am killing my time here at net, however I know I
    am getting experience all the time by reading such pleasant articles.
    scoliosis

  19. Pretty great post. I just stumbled upon your weblog and wished to mention that
    I’ve truly loved surfing around your weblog posts.
    After all I’ll be subscribing in your rss feed
    and I’m hoping you write once more very soon!

  21. Hi my family member! I wish to say that this post is amazing, nice written and
    come with almost all important infos. I’d like to peer extra posts like this .

  23. I’m no longer positive where you are getting your information, but good topic.

    I must spend a while studying more or working
    out more. Thank you for wonderful info I was
    in search of this information for my mission.

  24. Hi there, i read your blog from time to time and i own a similar one and
    i was just wondering if you get a lot of spam comments?

    If so how do you prevent it, any plugin or anything
    you can advise? I get so much lately it’s driving me mad so any support is very much appreciated.

  25. You could certainly see your expertise within the
    work you write. The arena hopes for even more passionate writers like you who aren’t afraid to mention how they believe.
    At all times go after your heart.

  27. Thanks on your marvelous posting! I quite enjoyed reading it,
    you will be a great author. I will be sure
    to bookmark your blog and will often come back
    sometime soon. I want to encourage you to ultimately continue your
    great job, have a nice weekend!

  28. Hey! I could have sworn I’ve been to this blog before but after reading through some of the post I realized it’s new to me.
    Anyhow, I’m definitely happy I found it and I’ll be bookmarking
    and checking back often!

  29. You really make it seem really easy with your presentation but I in finding this matter to be actually something which
    I think I might by no means understand. It sort of feels too complex and extremely extensive for me.
    I’m having a look forward to your subsequent submit,
    I will try to get the grasp of it!

  30. My brother suggested I would possibly like this web site. He was once
    entirely right. This put up truly made my day. You cann’t imagine just how much time I had spent for this info!
    Thank you!

  31. Hey there this is kind of of off topic but I was wondering if
    blogs use WYSIWYG editors or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding
    experience so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

  32. Fantastic goods from you, man. I’ve understand your stuff previous
    to and you are just too fantastic. I actually like what you
    have acquired here, certainly like what you’re stating and the way in which you say it.
    You make it entertaining and you still care for to keep it
    sensible. I can’t wait to read much more from you.
    This is actually a tremendous web site.

  33. Way cool! Some very valid points! I appreciate you writing this write-up and also the rest of the website
    is also very good.

  34. Hi there i am kavin, its my first time to commenting anywhere, when i read this piece
    of writing i thought i could also make comment due to this good article.

  39. Generally I don’t read article on blogs, however I wish to say that this write-up very pressured
    me to try and do so! Your writing taste has been surprised me.
    Thanks, quite great post.

  40. This design is wicked! You certainly know how to keep a reader amused.
    Between your wit and your videos, I was almost moved
    to start my own blog (well, almost…HaHa!) Fantastic job.
    I really loved what you had to say, and more than that, how you
    presented it. Too cool!

  44. Hi, I do think this is a great website. I stumbledupon it 😉 I am going to come back once again since i have saved as a favorite it.
    Money and freedom is the greatest way to change, may you be rich and continue
    to help others.

  46. Magnificent beat ! I wish to apprentice while you amend your website,
    how could i subscribe for a weblog site? The account
    helped me a applicable deal. I were a little bit familiar of this
    your broadcast offered vivid transparent concept

  50. I’m really inspired together with your writing talents and
    also with the layout for your blog. Is that this a paid subject matter or did you customize it your self?
    Either way keep up the excellent quality writing, it is uncommon to peer a
    great weblog like this one these days.. quest bars http://bitly.com/3C2tkMR quest bars

  51. I’m curious to find out what blog platform you’re working with?
    I’m experiencing some small security problems with my
    latest site and I would like to find something more safeguarded.
    Do you have any suggestions? scoliosis surgery https://0401mm.tumblr.com/ scoliosis
    surgery

Leave a Reply

Your email address will not be published.