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
Design & UI/UX takes me so long- am I doing everything wrong? 29 comments How do you decide what idea to work on? 27 comments Looking for feedback on a note-taking tool focused on your personal interests. 7 comments My new self destructing notes app is on product hunt today. Would love some support. 6 comments How do you work with webhooks? 4 comments Here's how I'm going to try to scale my tech newsletter from 0 subscribers to 10 000 subscribers 3 comments