I love finding design tools and tricks that make my design workflow faster and more efficient. If you use Google Chrome as your main browser, utilizing Chrome extensions is a really smart way to boost your design productivity. This video is a quick roundup of the best Chrome extensions that we’ve been using as UI/UX and product designers. They are especially useful for capturing images, colors and fonts from websites and gathering inspiration for your design projects. In this video, you’ll find an introduction to these top Chrome extensions as well as a short Chrome extension tutorial for each one. So get ready to boost your productivity in less than 5 minutes!
#uidesign #chromeextensions #designprocess
〰
Timestamps:
00:00 – Intro
00:19 – Fonts Ninja – https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=en-US
00:38 – ColorZilla – https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related?hl=en
00:53 – Nimbus – https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj
01:13 – Window Resizer – https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
01:24 – SVG Export – hhttps://chrome.google.com/webstore/detail/svg-export/naeaaedieihlkmdajjefioajbbdbdjgp?hl=en-GB
01:40 – Chrome Capture – https://chrome.google.com/webstore/detail/chrome-capture-screenshot/ggaabchcecdbomdcnbahdfddfikjmphe?hl=en
02:04 – Muzli- https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc
02:26 – Dropmark – https://chrome.google.com/webstore/detail/add-to-dropmark/foiapgoppijipmmgkaibacckkhbngfhp?hl=en
02:56 – Spectrum https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb
03:15 – Site Palette – https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh?hl=en-GB
03:39 – Outro
🗣 Have any favorites that we missed? Let us know in the comments?
🔗 Full article here – https://designerup.co/blog/10-must-have-chrome-extensions-for-product-designers
📚 Product Design (UI/UX) Course – https://designerup.co/product-design-ui-ux-course
📝 DesignerUp Blog –https://designerup.co/blog
📺 DesignerUp Free Live Webinars –https://designerup.co/webinars
source
📚Learn Product Design (UX/UI) and get career ready with us in our course 〰 https://designerup.co/product-design-ui-ux-course
Beautiful Tips…..Thanks a bunch
I've known and being using some of the extensions, and the rest I didn't know about are awesome! Thank you!
This is a really underrated video!
Thanks for including Dropmark 🥰
love this collection! especially the "Spectrum" extension <3
These are great, I've been looking for a good color picker for a while, I like site palette
Nice list with functionality that's essential for UX professionals, but installing a bunch of extentions can really slow down your browser. If you're looking for something that combines all of these in a browser that is really focused on designers and developers, check out the app I'm building: Polypane.app. It lets you quickly find fonts, show your site in multiple (synced) viewports, make screenshots, emulate color blindness and other visual deficiencies (like Glaucoma).
If you're looking for something to quickly get all the colors, images and fonts details of a site, I built a free app that does that and then lets you export them to XD, Figma and code: https://superposition.design
I also like to recommend Visual Inspector for UX and Product Designers.
I am already using extensions of these categories but your extensions are better. Thanks
Came from your featured content on Designernews – Great content!
Good collection.. 👍