If you are a designer using Chrome, then you need to check out these 25 chrome extensions to make your life easier
Google Keep Chrome Extension, easily save the things and have them synced across all of the platforms
The best browser extension for taking a screenshot of an entire webpage
π 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.
π https://app.prntscr.com/en/index.html
Lightshot is the fastest way to take a customizable screenshot
π 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.
Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history
π http://www.chengyinliu.com/whatfont.html
This extension allows to find out the fonts used in a webpage in the easiest way
π 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.
Nimbus helps to capture an entire page, a selection or a fragment, you can delay the screenshot and also record videos.
π 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
π https://vimeo.com/
Simple tools for any professional, team, and organization to create, manage, and share high-quality videos.
π 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
π 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
The goal of BuiltWith is to help developers, researchers, and designers find out what a website is built with.
π 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.
π 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
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.
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
π 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
π https://webflow.com/
Webflow empowers designers to build professional, custom websites in a completely visual canvas with no code.
Record gifs and capture screenshots of anything in your browser - quicker & easier than ever before
π 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
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.
π 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
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. π
Awesome! Hopefully I'll get the tool I'm working on that list https://wyreframe.co π
Your website looks awesome. All the best π
Cheers!
Wow, huge collection. Thanks for sharing. π
Thanks for the encouragement Dennis π
Thank you so much for sharing!
Wow thanks!
Do you know anything good for Safari?
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.
Wow thanks! I'll try these ones for now!