10 Best chrome extension for designers and developers

September 20th, 2021
Articles

If your a Google chrome user there are some essential extensions out there, which will make life 10 times easier. The roundup features a great collection of extension’s to use from being able to identify any font on a website to exporting all the SVG’s from a webpage. The roundup feature 10 extension we recommend using, which are all free to use perfect if your a developer or even a designer, each of these tools are gamer changers.

I hope you enjoy the roundup and feel free to leave a comment or email us if there extension you use all time, which is missing from the post.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

1. WhatFont

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.

2. HTML to Figma

Use this extension to capture your current page and import it as editable Figma layers!

3. ColorPick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

4. Page Ruler

Page Ruler is for measuring objects on web pages. Measure it width and height in pixels.

5. Live editor for CSS

Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension’s storage space or the site’s local storage.