Design
10 Google Chrome extensions for designers
If you’re a web designer who follows the standard design process, your tasks include things like:
- Researching
- Wireframing
- Choosing a color scheme
- Picking the right font
- Testing several variations
- Collaborating with clients and teammates
And some more…
Do you know you can do all these and more right within your browser? Yes, if you’re a Google Chrome pro, then you can do all these tasks through Chrome’s extensions. Most of them with just a couple of clicks.
So, save a ton of time and try out these 10 Google Chrome extensions for designers.
1. Responsive Web Design Tester
Post Google’s mobile-friendly update, responsiveness is the buzzword! So, here’s an extension that lets you test your website across all major Android and Apple mobile devices.
It works offline too, so it’s a great option even while you’re working on your design locally. It has presets for all popular devices, but you can add your custom dimensions too.
Once you select a device for previewing, the current tab opens up in a popup window showing how your page would look over that device.
2. TypeWonder
Fonts really set the mood of a site, but it’s quite a task to pick the right one. You know the drill – going back to your code, making changes, and previewing. And all of this over and over again.
But here’s where this handy font extension steps in. TypeWonder lets you change the font of any website in your browser.
Just visit your website and click on the extension’s icon. You are given several font options. Clicking on any one almost instantly creates a preview of your website in that font. If you’re happy with the preview, you can get the relevant code to add to your site and its CSS file.
3. Tab Packager
Researching is a big deal. And if you’re a designer who takes researching seriously, I can safely say that at any point, you have at least seven to ten tabs open.
What if you had to get the opinion of your designer friend or teammate about the sites that you’re referring to? You’ll bookmark all the pages in a folder, export all of it, and then pick the set to send across, of course, after opening your mail program. Quite some work!
Luckily, you don’t have to work this hard. Tab Packager lets you package all the open tabs. And then you can send across the package’s link with just one click. You can share via email, Twitter, and many more services.
4. TrackDuck
Effective communication is behind every successful project. But it can get consuming to go back and forth with emails trying to work out minor tweaks or for making big changes.
Now this might sound like a bit of an overstatement, but TrackDuck is like a mini-Asana, exclusively for designers.
TrackDuck is a visual collaboration tool that lets you add websites as projects. Once you add a project, you can invite your teammates to it. Whenever you leave a comment on this project (or website – which you can do just by clicking on the extension’s icon), a task is generated about the comment. You can assign this task to your fellow teammates, add attachments and screenshots, and integrate it with lots of collaboration tools like Trello and Basecamp.
5. ColorZilla
You never know when you’ll see a lovely color that will inspire your next web project’s palette.
So, how do you capture any color on the web?
Well, here’s ColorZilla – it’s easily every designer’s favorite Chrome goodie. Its most basic and popular feature is getting the code for any color on a webpage.
Another feature is that it lets you get the color scheme of any website. You’ll have to click on the Webpage Color Analyzer option, and a palette showing all the colors on that webpage will appear.
6. WhatFont
There are so many times when you come across a website that uses the perfect font, color, and size. In fact, it might be so good that you want to use the exact combination on your site.
But you don’t have to take the Inspect Element route anymore – WhatFont dissects any font on a webpage with a single click.
Just click on the extension’s icon and hover over the text section that you’re interested in. WhatFont produces the font type, size, height, color, and family.
7. Instant Wireframe
If you define the information hierarchy of your website before you design it, you’ll create a user-friendly site. And wireframing is the best way to go about this.
Instant Wireframe extension lets you view a reasonably good wireframe of any web page. It’s still in beta but does a fair job.
If you come across a site that you’d like to view the wireframe of, just click on the extension’s icon in the address bar. Worth trying!
8. Page Ruler
There are a few ways in which you can measure the dimensions of a webpage’s elements. But most of them involve several steps and take time.
Page Ruler is the handiest way to do this. Page Ruler lets you see an element’s height, width, and relative position. You can also analyze the elements div-wise.
And it’s excellent for creating pixel perfect banners, featured images, and other marketing collateral.
9. Palette for Chrome
Websites are full of images, and you can’t say when you’ll see an image good enough to inspire a color palette.
But you don’t have to worry as Palette for Chrome has you covered, always. Just right click on the image that you find interesting, and choose this extension’s option. It will instantly create a color palette inspired from the chosen image. You can specify the number of colors that you’d like to generate for the color scheme.
I would have liked it more if there was a way to export the color scheme. But the extension is still a must-have.
10. ExtensionMuzli – Design Breakfast
You know, when you’re just beginning, you subscribe to all the top blogs within your niche. Your RSS feeds are all fired up. But as your work piles up, you get somewhat disconnected. And it’s not that you don’t need inspiration, it’s just that it gets difficult to catch-up.
ExtensionMuzli is built to make up for this. It curates stories from about 12-15 of the top design resources. There’s also a web designing jobs section if you’re looking to switch.
Once you install this extension, your new tab will feature some of the latest inspirational or educational design stories from across the net. It offers a neat way to keep a tab on the latest within your niche.
So, there you go. Power your Chrome with these amazing web designer extensions, and watch your productivity skyrocket. How do you break up your designing process, and what extensions do you use for what tasks? I’d love to learn more.
Comments ( 125 )
JudsonZoown
May 12, 2025
PredniHealth: 200 mg prednisone daily - buy prednisone online australia
Russellfeeve
May 12, 2025
where can i get clomid without rx: cost of generic clomid pill - buying clomid for sale
MatthewTom
May 12, 2025
Amo Health Care [url=https://amohealthcare.store/#]amoxicillin without a prescription[/url] amoxicillin over the counter in canada
RogerCouct
May 12, 2025
https://clomhealth.com/# how to get cheap clomid online
Oscargef
May 12, 2025
generic clomid pill: how can i get generic clomid for sale - can i buy clomid without a prescription
JudsonZoown
May 12, 2025
where can i get cheap clomid no prescription: cheap clomid without insurance - get cheap clomid
Russellfeeve
May 12, 2025
Amo Health Care: generic amoxicillin online - buy amoxicillin 500mg online
MatthewTom
May 12, 2025
can i purchase clomid without insurance [url=https://clomhealth.com/#]where buy generic clomid price[/url] clomid otc
RogerCouct
May 12, 2025
https://amohealthcare.store/# amoxicillin 250 mg
Oscargef
May 12, 2025
prednisone cost in india: PredniHealth - PredniHealth
JudsonZoown
May 12, 2025
PredniHealth: PredniHealth - prednisone 20
Russellfeeve
May 12, 2025
order clomid without dr prescription: Clom Health - where to buy generic clomid tablets
RogerCouct
May 12, 2025
http://clomhealth.com/# how can i get clomid no prescription
Oscargef
May 12, 2025
can i get clomid online: Clom Health - how to buy generic clomid without rx
MatthewTom
May 12, 2025
prescription for amoxicillin [url=https://amohealthcare.store/#]Amo Health Care[/url] amoxicillin 750 mg price
RobertKet
May 11, 2025
Modafinil for sale: modafinil legality - modafinil legality
LorenzoBlize
May 11, 2025
buy generic Viagra online [url=http://maxviagramd.com/#]Viagra without prescription[/url] legit Viagra online
Jeremyfax
May 11, 2025
order Viagra discreetly: secure checkout Viagra - legit Viagra online
Jeremyfax
May 11, 2025
safe modafinil purchase: modafinil legality - legal Modafinil purchase
RobertKet
May 11, 2025
cheap Cialis online: generic tadalafil - discreet shipping ED pills
LorenzoBlize
May 10, 2025
cheap Viagra online [url=https://maxviagramd.shop/#]order Viagra discreetly[/url] same-day Viagra shipping
RobertKet
May 10, 2025
modafinil 2025: modafinil pharmacy - purchase Modafinil without prescription
LorenzoBlize
May 10, 2025
discreet shipping [url=https://maxviagramd.com/#]buy generic Viagra online[/url] same-day Viagra shipping
RobertKet
May 10, 2025
online Cialis pharmacy: online Cialis pharmacy - discreet shipping ED pills
LorenzoBlize
May 10, 2025
order Cialis online no prescription [url=https://zipgenericmd.com/#]buy generic Cialis online[/url] secure checkout ED drugs
Jeremyfax
May 10, 2025
cheap Cialis online: order Cialis online no prescription - online Cialis pharmacy
LorenzoBlize
May 10, 2025
Cialis without prescription [url=https://zipgenericmd.shop/#]online Cialis pharmacy[/url] buy generic Cialis online
RobertKet
May 10, 2025
online Cialis pharmacy: reliable online pharmacy Cialis - affordable ED medication
LorenzoBlize
May 9, 2025
Viagra without prescription [url=https://maxviagramd.shop/#]discreet shipping[/url] same-day Viagra shipping
Albertoseino
May 9, 2025
order Viagra discreetly: order Viagra discreetly - order Viagra discreetly
Jeremyfax
May 9, 2025
legal Modafinil purchase: modafinil pharmacy - doctor-reviewed advice
RonaldFOEFS
May 9, 2025
https://zipgenericmd.com/# affordable ED medication
Albertoseino
May 9, 2025
Cialis without prescription: best price Cialis tablets - buy generic Cialis online
LorenzoBlize
May 9, 2025
modafinil pharmacy [url=https://modafinilmd.store/#]purchase Modafinil without prescription[/url] buy modafinil online
Jeremyfax
May 9, 2025
Viagra without prescription: buy generic Viagra online - cheap Viagra online
Albertoseino
May 9, 2025
discreet shipping ED pills: online Cialis pharmacy - discreet shipping ED pills
RonaldFOEFS
May 9, 2025
https://modafinilmd.store/# modafinil pharmacy
RobertKet
May 9, 2025
order Cialis online no prescription: generic tadalafil - Cialis without prescription
LorenzoBlize
May 9, 2025
discreet shipping [url=https://maxviagramd.com/#]same-day Viagra shipping[/url] same-day Viagra shipping
Jeremyfax
May 9, 2025
discreet shipping ED pills: best price Cialis tablets - Cialis without prescription
RobertKet
May 9, 2025
generic tadalafil: buy generic Cialis online - buy generic Cialis online
RonaldFOEFS
May 9, 2025
https://zipgenericmd.shop/# order Cialis online no prescription
BrianCrugh
May 2, 2025
pin up вход: пин ап вход - pin up вход
ElmerSip
May 2, 2025
pinup az: pin up azerbaycan - pin up az
BrianCrugh
May 2, 2025
vavada вход: вавада зеркало - vavada casino
ZackaryCaush
May 1, 2025
https://pinuprus.pro/# пин ап зеркало
ElmerSip
May 1, 2025
vavada: vavada casino - вавада казино
BrianCrugh
May 1, 2025
пинап казино: пин ап казино официальный сайт - пин ап вход
BrianCrugh
May 1, 2025
pin-up casino giris: pinup az - pin up
ElmerSip
May 1, 2025
pin up az: pinup az - pin up azerbaycan
ZackaryCaush
May 1, 2025
http://pinupaz.top/# pin-up casino giris
Richardmat
May 1, 2025
pin-up [url=http://pinupaz.top/#]pin-up casino giris[/url] pin-up casino giris
ElmerSip
May 1, 2025
вавада официальный сайт: vavada casino - вавада
BrianCrugh
May 1, 2025
pin up: pinup az - pinup az
Richardmat
May 1, 2025
pinup az [url=https://pinupaz.top/#]pin-up[/url] pin-up casino giris
ElmerSip
April 30, 2025
вавада официальный сайт: vavada casino - vavada
ZackaryCaush
April 30, 2025
http://pinupaz.top/# pin up az
Kennethsheby
April 30, 2025
pin up azerbaycan: pin up - pin-up
ZackaryCaush
April 30, 2025
https://pinupaz.top/# pin-up casino giris
ElmerSip
April 30, 2025
pin up az: pinup az - pin-up
Richardmat
April 30, 2025
vavada casino [url=https://vavadavhod.tech/#]вавада официальный сайт[/url] вавада
ZackaryCaush
April 30, 2025
http://vavadavhod.tech/# вавада официальный сайт
ElmerSip
April 30, 2025
pin up az: pin up - pinup az
Richardmat
April 30, 2025
пинап казино [url=http://pinuprus.pro/#]пин ап зеркало[/url] пинап казино
ZackaryCaush
April 30, 2025
https://pinupaz.top/# pin up casino
Kennethsheby
April 30, 2025
пин ап зеркало: pin up вход - пин ап вход
ElmerSip
April 30, 2025
vavada: vavada - вавада казино
ZackaryCaush
April 30, 2025
http://pinuprus.pro/# пин ап вход
Richardmat
April 30, 2025
pin-up casino giris [url=http://pinupaz.top/#]pin-up[/url] pin-up
Dannysit
April 30, 2025
Rx Express Mexico: mexico drug stores pharmacies - Rx Express Mexico
Walterhap
April 29, 2025
https://medicinefromindia.com/# indian pharmacy online shopping
Michaeljouch
April 29, 2025
Rx Express Mexico [url=https://rxexpressmexico.shop/#]Rx Express Mexico[/url] mexican online pharmacy
MichaelFaulp
April 29, 2025
MedicineFromIndia: indian pharmacy online - indian pharmacies safe
Walterhap
April 29, 2025
http://medicinefromindia.com/# indian pharmacy online
Michaeljouch
April 29, 2025
Medicine From India [url=https://medicinefromindia.com/#]indian pharmacy[/url] MedicineFromIndia
MichaelFaulp
April 29, 2025
mexico drug stores pharmacies: mexico pharmacies prescription drugs - Rx Express Mexico
Dannysit
April 29, 2025
canadian drug stores: reputable canadian pharmacy - canadian pharmacy store
Walterhap
April 29, 2025
http://expressrxcanada.com/# canadian pharmacy prices
Michaeljouch
April 29, 2025
mexican online pharmacy [url=https://rxexpressmexico.com/#]mexico drug stores pharmacies[/url] mexican online pharmacy
MichaelFaulp
April 29, 2025
medicine courier from India to USA: top 10 pharmacies in india - indian pharmacy online shopping
Walterhap
April 29, 2025
http://medicinefromindia.com/# Medicine From India
Dannysit
April 29, 2025
certified canadian pharmacy: trusted canadian pharmacy - is canadian pharmacy legit
Michaeljouch
April 29, 2025
canadian pharmacy service [url=https://expressrxcanada.shop/#]Canadian pharmacy shipping to USA[/url] canadapharmacyonline
MichaelFaulp
April 29, 2025
Rx Express Mexico: mexico pharmacy order online - Rx Express Mexico
Walterhap
April 29, 2025
http://expressrxcanada.com/# canada pharmacy
Dannysit
April 29, 2025
medicine courier from India to USA: Medicine From India - Medicine From India
Michaeljouch
April 28, 2025
canadian pharmacy meds review [url=https://expressrxcanada.com/#]Generic drugs from Canada[/url] buying from canadian pharmacies
MichaelFaulp
April 28, 2025
canada pharmacy online legit: Buy medicine from Canada - canadian pharmacy reviews
Walterhap
April 28, 2025
https://rxexpressmexico.shop/# mexico pharmacies prescription drugs
Dannysit
April 28, 2025
Rx Express Mexico: Rx Express Mexico - Rx Express Mexico
MichaelFaulp
April 28, 2025
indian pharmacy online: Medicine From India - Medicine From India
Walterhap
April 28, 2025
https://medicinefromindia.com/# Medicine From India
Michaeljouch
April 28, 2025
canada rx pharmacy [url=https://expressrxcanada.shop/#]ExpressRxCanada[/url] safe canadian pharmacies
Dannysit
April 28, 2025
canadian pharmacy store: Express Rx Canada - www canadianonlinepharmacy
Stevendrype
April 28, 2025
Medicine From India: indian pharmacy - Medicine From India
MichaelFaulp
April 28, 2025
medicine courier from India to USA: MedicineFromIndia - MedicineFromIndia
Walterhap
April 28, 2025
https://rxexpressmexico.com/# RxExpressMexico
Michaeljouch
April 28, 2025
indian pharmacy [url=https://medicinefromindia.com/#]medicine courier from India to USA[/url] indian pharmacy
Dannysit
April 28, 2025
Rx Express Mexico: mexico pharmacy order online - RxExpressMexico
PeterUnomb
April 28, 2025
Cialis sans ordonnance 24h [url=http://tadalmed.com/#]Tadalafil achat en ligne[/url] Cialis sans ordonnance 24h tadalmed.com
BernardVeida
April 28, 2025
Pharmacie en ligne livraison Europe: pharmacie en ligne france livraison internationale - п»їpharmacie en ligne france pharmafst.com
BilliesniCt
April 28, 2025
achat kamagra: kamagra en ligne - acheter kamagra site fiable
Bradleyfup
April 27, 2025
Achetez vos kamagra medicaments: Kamagra Oral Jelly pas cher - Acheter Kamagra site fiable
PeterUnomb
April 27, 2025
Cialis generique prix [url=https://tadalmed.com/#]Cialis en ligne[/url] Tadalafil 20 mg prix en pharmacie tadalmed.com
Robertmut
April 27, 2025
https://pharmafst.com/# п»їpharmacie en ligne france
Bradleyfup
April 26, 2025
kamagra gel: Achetez vos kamagra medicaments - kamagra pas cher
Bradleyfup
April 26, 2025
Cialis sans ordonnance 24h: Tadalafil 20 mg prix sans ordonnance - Cialis en ligne tadalmed.shop
PeterUnomb
April 26, 2025
pharmacie en ligne france livraison internationale [url=https://pharmafst.shop/#]pharmacie en ligne[/url] pharmacie en ligne pas cher pharmafst.shop
Robertmut
April 26, 2025
https://pharmafst.com/# vente de mГ©dicament en ligne
Bradleyfup
April 26, 2025
cialis prix: Cialis en ligne - Pharmacie en ligne Cialis sans ordonnance tadalmed.shop
Robertmut
April 26, 2025
https://tadalmed.shop/# Acheter Cialis 20 mg pas cher
PeterUnomb
April 25, 2025
Achat mГ©dicament en ligne fiable [url=https://pharmafst.com/#]Medicaments en ligne livres en 24h[/url] pharmacie en ligne france pas cher pharmafst.shop
BilliesniCt
April 25, 2025
Achetez vos kamagra medicaments: achat kamagra - kamagra gel
Bradleyfup
April 25, 2025
trouver un mГ©dicament en pharmacie: Medicaments en ligne livres en 24h - acheter mГ©dicament en ligne sans ordonnance pharmafst.com
Robertmut
April 25, 2025
http://pharmafst.com/# Achat mГ©dicament en ligne fiable
BilliesniCt
April 25, 2025
Cialis en ligne: cialis sans ordonnance - Acheter Cialis 20 mg pas cher tadalmed.shop
PeterUnomb
April 25, 2025
Kamagra Commander maintenant [url=http://kamagraprix.com/#]Kamagra Oral Jelly pas cher[/url] kamagra gel
Bradleyfup
April 25, 2025
Tadalafil achat en ligne: cialis generique - Cialis generique prix tadalmed.shop
Robertmut
April 25, 2025
https://tadalmed.com/# Cialis sans ordonnance 24h
BilliesniCt
April 25, 2025
kamagra pas cher: Acheter Kamagra site fiable - Kamagra Oral Jelly pas cher
PeterUnomb
April 25, 2025
pharmacie en ligne france fiable [url=https://pharmafst.com/#]Pharmacies en ligne certifiees[/url] Pharmacie en ligne livraison Europe pharmafst.shop
Robertmut
April 25, 2025
http://tadalmed.com/# Tadalafil 20 mg prix sans ordonnance
Bradleyfup
April 25, 2025
Kamagra pharmacie en ligne: kamagra pas cher - Acheter Kamagra site fiable
DavidSaisp
April 24, 2025
kamagra gel: kamagra pas cher - kamagra pas cher
Edwardtoupe
April 23, 2025
olympe: casino olympe - olympe casino cresus