9
11 Comments

25 Chrome extension for Designers

If you are a designer using Chrome, then you need to check out these 25 chrome extensions to make your life easier

  1. Google keep chrome extension

🌎 https://chrome.google.com/webstore/detail/google-keep-chrome-extens/lpcaedmchfhocbbapmcbpinfpgnhiddi?utm_source=chrome-ntp-icon

Google Keep Chrome Extension, easily save the things and have them synced across all of the platforms

  1. @gofullpage

🌎 https://gofullpage.com/

The best browser extension for taking a screenshot of an entire webpage

  1. @momentumdash

🌎 https://momentumdash.com/

Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.New Tab page that gives you a moment of calm and inspires you to be more productive.

  1. @Light_shot

🌎 https://app.prntscr.com/en/index.html

Lightshot is the fastest way to take a customizable screenshot

  1. Colorzilla

🌎 https://www.colorzilla.com/chrome/

ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color related tasks - both basic and advanced.

  1. Eye Dropper

🌎 https://eyedropper.org/

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history

  1. WhatFont

🌎 http://www.chengyinliu.com/whatfont.html

This extension allows to find out the fonts used in a webpage in the easiest way

  1. Colorpick

🌎 https://vidsbee.com/ColorPick/

ColorPick Eyedropper is a tool that allows to easily pick out a color from a website. It gives the complete color code information.

  1. Nimbus

🌎 https://nimbusweb.me/

Nimbus helps to capture an entire page, a selection or a fragment, you can delay the screenshot and also record videos.

  1. Window Resizer

🌎 https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions

  1. @Vimeo

🌎 https://vimeo.com/

Simple tools for any professional, team, and organization to create, manage, and share high-quality videos.

  1. Page Ruler Redux

🌎 https://github.com/Esteban-Rocha/page-ruler-redux

Page Ruler Redux is a core web developer and designer tool, that allows you to get pixel perfect measurements of web elements for website front-end development, web design or any task you may need to get perfect pixel measurements

  1. Muzli2. @usemuzli

🌎 https://muz.li/

The freshest links about design and interactive, UI, UX from around the web. A designer's must and a professionally curated "Muzli Picks" feed, Muzli offers over 120 other feed syndications to choose from

  1. Built With

🌎 https://builtwith.com/

The goal of BuiltWith is to help developers, researchers, and designers find out what a website is built with.

  1. WebPaint

🌎 https://chrome.google.com/webstore/detail/web-paint/bgmbegiipocepiabgonbodbapnpejcfn?hl=en

Web Paint is a drawing tool for web pages. It allows to take a screenshot of the resulting drawing or save it to the file.

  1. PerfectPixel by @WellDoneCode

🌎 https://www.welldonecode.com/perfectpixel/

PerfectPixel allows designers to put a semi-transparent image overlay over the top of the developed HTML and perform pixel perfect comparison between them

  1. @CSSPeeper

🌎 https://csspeeper.com/

CSS peeper is visual version of the chrome developer tools. It's great for designers looking to quickly & easily inspect the CSS from a website.

  1. Stylebot

🌎 https://stylebot.dev/

Stylebot allows to pick an element and choose any changes you want to make from the editor. You can change the font, color, margins, visibility and a lot more

  1. Image downloader

🌎 https://pactinteractive.github.io/image-downloader/

A browser extension for Google Chrome, Microsoft Edge, and Brave that allows download images from the web more easily

  1. @webflow

🌎 https://webflow.com/

Webflow empowers designers to build professional, custom websites in a completely visual canvas with no code.

  1. Chrome Capture

🌎 https://chrome.google.com/webstore/detail/chrome-capture-screenshot/ggaabchcecdbomdcnbahdfddfikjmphe?hl=en

Record gifs and capture screenshots of anything in your browser - quicker & easier than ever before

  1. Site Palette

🌎 http://palette.site/

Site Palette is a Chrome extension which extracts the main colours of the current website. With this tool, you can generate and share your favorite color palettes

  1. SVG Export

🌎 https://svgexport.io/

SVG Export is a great tool that searches for SVGs on websites and enables you to rapidly export them as PNGs, JPEGs or SVGs with ease.

  1. Simple Auto Scroll

🌎 https://chrome.google.com/webstore/detail/simple-auto-scroll/dccjkemhmffnljlnnoffljpkhkfpldff

This extension allows to easily change the auto-scroll speed and save it in three different modes; slow, medium and fast

  1. @CssScan

🌎 https://getcssscan.com/

CSS Scan allows to check, copy and edit the CSS styles of any element in the HTML DOM.

Do let me know if I have missed any extension on the list. Also please show your support by following me on Twitter. πŸ˜‡

https://twitter.com/DidwaniaNidhi

  1. 2

    Awesome! Hopefully I'll get the tool I'm working on that list https://wyreframe.co πŸ™

    1. 2

      Your website looks awesome. All the best πŸ‘

  2. 2

    Wow, huge collection. Thanks for sharing. πŸ™

    1. 1

      Thanks for the encouragement Dennis πŸ™Œ

  3. 2

    Thank you so much for sharing!

  4. 2

    Wow thanks!

    Do you know anything good for Safari?

    1. 1

      Hey, thanks Alex.

      Yes, I am aware of few top Safari extensions like (Fontface Ninja, HoverSee, CSS Scan, Muzli, PiPifier, Grammarly) which are very useful.
      However, if you want me to do a detailed study with reviews, do let me know. I will try to incorporate in my coming posts.

      1. 2

        Wow thanks! I'll try these ones for now!

  5. 2

    Can I take your list and make a directory site at https://sitefast.live?

    1. 1

      Hey, sure that would be great. As long as you don't monetize it and give me credits. πŸ˜‡

Trending on Indie Hackers
How long did it take to build your MVP? 34 comments Dealing with lack of motivation due to failed soft launch 27 comments Bootstrapped my productivity app to 700 paying customers! AMA. 19 comments Free e-mail countdown timer that doesn't suck πŸ’© 6 comments Return of the external link 5 comments How To 10X Your Design Rates in 2022 (Free Script) 2 comments