Hey designers! Here is the list that we have compiled together with the advice of our community (follow us on instagram and enter now) on the 8 chrome extensions for designers, that list include color picks, inspiration, CSS and font analysis or measuring elements.
Do you use Chrome? Let us know which are your favorites! 🚀
CSS Peeper
Website: click here
Extract CSS and build beautiful styleguides.
CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.
Loom
Website: click here
Video messaging for work.
From onboarding new employees, troubleshooting customer issues, or code reviews, Loom makes it easy to get your message across quickly and clearly using the power of video.
With Loom, you can record your screen, voice, and face to create an instantly shareable video in less time than it would take to type an email. Reduce back-and-forth typing and get your message across the first time.
ColorPick Eyedropper
Website: click here
A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more. Simply and useful.
SVG Grabber
Website: click here
A tool to quickly preview and get all the svg assets from a website.
svg-grabber lets you preview, download and copy the code all SVG icons and illustrations in a website.
svg-grabber is an open source tool created by Jaques Bouman and Juan Rios at NGTI in Rotterdam, The Netherlands. Available for download, forking on Github at https://github.com/ngti/svg-grabber
Muzli 2
Website: click here
Simple and beautiful.
Bringing you the freshest design, UI, UX and interactive news and shots from around the web. All the design inspiration you need.
Enjoy the most inspiring stuff out there. Never miss the next big thing. On top of our hand picked, professionally curated “Muzli Picks” feed, Muzli offers over 120 other feed syndications to choose from.
WhatFont
Website: click here
The easiest way to identify fonts on web pages.
What is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.
Awesome Screenshot
Website: click here
Screen Capture full page screenshot.
Screen recoder for screencast. Annotate and share to trello/slack etc. Capture all or part of any web page. Add annotations, comments, blur sensitive info, and share with one-click uploads. Now with free desktop capture!
Page Ruler
Website: click here
A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻
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 of any web elements. 📏