If you are reading this on a computer, there is a fifty percent chance you’re using Chrome to read it on. Google’s browser has many nifty extensions available to download from the Web Store. These extensions basically add functionality via services and websites that help you get stuff done faster and easier.
Today I’m going to help you get the best extensions that a Graphic Designer must-have. I’ve been working as a graphic designer for the last 3 years and over the time I’ve come across many helpful extensions that will help not just fellow designers, but potentially anybody who’s creating content on the internet. Trust me, the five extensions I’ve listed below are life-savers for a designer and from my personal experience, I can assure you that they work just as advertised.
1. Fontface Ninja
This is hands-down my favorite extension. As a designer, you might’ve come across many beautiful fonts used on different websites and often its hard to find out the font name in use. But this little extension solves that problem. Fontface Ninja elegantly displays the font name and size as a pop-up when you hover over any text. There’s also a ‘mask’ mode that basically hides any pictures on the web page and displays only fonts to focus on. Once you like a font, you can even try it out in a text field provided at the top. If a font is available for free, the download button will automatically appear next to Mask.
Think of ColorZilla’s extension as Photoshop’s color picker but right inside your browser. The Eyedropper helps you find out the exact RGB and hex codes of a color as you hover around any area of a web page. If you like a color, simply click once and it’ll copy the hex code to your clipboard. Once you’ve selected, you can even manipulate colors by their Red/Green/Blue or Hue/Saturation/Value components. And in case you forget the last color you had picked, there’s Color History of recently picked colors within the extension. Another nifty feature is Webpage Color Analyzer which basically shows you the CSS color palette used on a given site.
3. Page Ruler
Ever wanted to find out the size of a particular button, logo or even text boxes on any website? Well, this tool helps you do that. As the name suggests, using this extension feels a lot like using a virtual ruler for the web. It simply lets you draw out a box on any page and then it displays the width, height and position of it. Even once you’ve drawn a box, it lets you drag the edges of the ruler to re size it. You can even manually adjust the size and position of the ruler from the toolbar to make accurate changes. Rather than using the manual mode, I use the “Element Mode” which smartly outlines elements on the page as you move your mouse over them and displays live sizes of each element.
4. Project Naptha
When I used this extension for the first time, I literally reacted like Holy Shit! Is this for real? So, what does it do? Well, Project Naptha uses an algorithm that lets you easily select, copy and paste any text from an image. Yes, from an image! Like that movie quote from an image? Simply select the text from the image and voila! you can paste the text anywhere.
It did go wrong with few letters if your image is low-res or has some weird fonts. Nevertheless, it has worked the majority of times. Imagine the time you save! Not only it works with text in images but also text in comics, document scans, photographs, posters, charts, diagrams, screenshots and yes, memes! Once you’ve highlighted certain area of text, a right-click and you’ll find a slew of other options like erase the words from an image, edit the words, or even translate it into a different language.
5. Image Downloader
Ever wanted to download an image from a web page but couldn’t? This should help that problem. In simple terms, it helps you browse and bulk download images on any web page. It’ll list down every image a page contains and also provide links to each individual image. Furthermore, it gets easier to find an image by using filters of width, height, and URL.
► [ DOWNLOAD ]