5 free Safari extensions for designers

Speed up your workflow with these five fantastic and free add-ons for Apple's browser. Download them today!

Safari Extensions enable you to quickly customise Apple 's web browser and are grouped into a range of categories including Social Networking, Bookmarking, News and Developer. These handy tools use the latest HTML5, CSS3, and JavaScript web technologies and they’re often free to install. Here are five freebies to add to your browser today...

01. Responsive Resize

Responsive Resize helps you test your site on various screen resolutions

Tired of resizing your browser window by hand? This free extension - it will save you tons of time.

Responsive Resize is the perfect tool for designers who need a quick method to test their website on various screen resolutions. Essentially, then, it helps speed up the development stages of responsive design.

A drop down menu allows you to select the appropriate size, automatically re-sizing the Safari viewport with pixel precision to one of several preset widths ranging from Full Screen to 320px. There is an input field to enter your required viewport width if what you desire is not saved as a preset value.

02. Image Search

Developed by Midwinter Duncan Grant, Image Search provides quick and cleverly contextual access to Google Image Search. This Safari Extension empowers you to set image specifications regarding size, colour, category or file type; in addition, you can create five customisable preset searches. The desired search will open as a separate Safari tab in the current window. A considerably helpful extension for any creative professional.

03. WasteNoTime

Set time limits on your visits to particular sites

Waste No Time monitors your web browsing and sets time limits on certain appointed sites. Specify which sites you would like to block and/or the amount of time you wish to spend on each, WasteNoTime will kick you off when the time is up.

Fundamentally, Waste No Time manages your time spent on the internet more efficiently. If you have the best intentions to work and find yourself easily distracted, this could be your personal anti-procrastination tool.

Get the Creative Bloq Newsletter

Daily design news, reviews, how-tos and more, as picked by the editors.

04. Coda Notes

Coda Notes lets you annotate websites

Web designers awaiting feedback from colleagues, or even clients, will benefit from Coda Notes, which lets you draw annotations on websites. Once the toolbar icon is selected a drop-down menu appears, displaying five simple tools to annotate with.

You have the ability to draw, highlight, erase, leave sticky notes and enter text, all on top of a web page. Once you have finished making notes, click ‘send notes’ and email a screenshot to your chosen recipient.

05. Dribbb(b)le

Dribbb(b)le makes Dribbble nicer to browse

Since Dribbble is a design community, it's safe to assume that all the users will have high screen resolutions. So this Safari Extension, created by Eren Emre , increases the width of it from 940px to 1104px. It also kills all the tiny thumbnails on Dribbble and replaces them with bigger, 400x300 versions.

Words: Aaron Kitney

Aaron Kitney is a freelance graphic designer and art director based in London and Vancouver. He specialises in branding, identity, web design, publication design, packaging and book design.

Like this? Read these!

  • Create a perfect mood board with these pro tips
  • The best Photoshop plugins
  • The ultimate guide to designing the best logos

Do you use a useful browser extension? Let us know about it in the comments box below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan , Deputy Editor Rosie Hilder , Ecommerce Editor Beren Neale , Senior News Editor Daniel Piper , Editor, Digital Art and 3D Ian Dean , Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear , as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Related articles

safari extensions for designers

10 Best Safari Extensions for Web Designers & Developers

Apple’s Safari web browser is beloved by many Apple and Mac enthusiasts. It’s a solid alternative to Chrome (and often does a great job on the privacy and security front). There are some great Safari extensions that can help designers increase their productivity, and create a better browsing experience.

You can find all of these extensions in Apple’s extensions gallery , but we’ve curated some of our favorites below. Whether you’re wanting to improve your typeface recognition, understand what’s powering a website behind the scenes, or better check your grammar—we’ve got you covered!

2 Million+ Digital Assets, With Unlimited Downloads

Get unlimited downloads of 2 million+ design resources, themes, templates, photos, graphics and more. Envato Elements starts at $16 per month, and is the best creative subscription we've ever seen.

Graphic Templates

Graphic Templates

Logos, print & mockups.

CMS Templates

CMS Templates

Shopify, tumblr & more.

Fonts

Sans Serif, Script & More

 Presentation Templates

Presentation Templates

Powerpoint & keynote.

Web Templates

Web Templates

Landing pages & email.

Graphics

Icons, Vectors & More

Explore Design Resources

1. Fontface Ninja

safari extensions

Fontface Ninja is a free browser extension that helps you figure out and try fonts. You can inspect, try, buy and bookmark any fonts on any website with just a couple of clicks.

When installed, just hover over a typeface to see the font name, size, line spacing, line height and color of the letters. Then you can click to try a typeface without leaving the website where you are browsing. Plus, Fontface can provide the price and links to buy for more than 30,000 typefaces.

Never wonder what a font is again.

2. Everhour Time Tracker

safari extensions

Everhour Time Tracker keeps track of how much time you spend working in project management tools. It’s a great extension to help designers (and freelancers) see exactly how much time they are spending on certain functions.

You can use the time tracking tool to link to invoicing and payroll systems.

The real bonus is that it connects to plenty of apps – particularly popular project management tools such as Asana, Trello, Basecamp and JIRA.

3. HoverSee

HoverSee allows users to hover the mouse over an image or link to enlarge photos or preview website content before actually clicking a link.

HoverSee allows users to see enhanced content for thumbnail images on social media and news websites, links to image galleries, links to video content, direct links to images and likes to any websites that are enabled by the user.

This is a nifty extension if you want to take a look at information quickly without losing track of where you are working. It can be a time-saver.

4. Notifier for GitHub

safari extensions

Notifications for GitHub displays a great little tool to read notifications you have on GitHub. This can be a helpful companion for active users who don’t want to log in to see what is happening with their forks.

5. Theme and Plugins Detector for WordPress

safari extensions

Do you ever wonder what tools are powering another website? The Theme and Plugins Detector for WordPress tells you exactly what’s working in the background of other websites on the popular content management system.

With one click of a small button in the toolbar, you can see the theme and version, as well as the version of WordPress that’s running. It also detects other plugins that are in use and include short descriptions of them with links and pricing.

6. Grammarly

safari extensions

Grammarly’s extension helps polish your writing right in the web browser. The tool – which comes with free ad paid versions of the software – provides easy, accurate proofreading as you write.

It can detect grammar, spelling and style errors to help keep your website designs clean and polished from start to finish. It will suggest changes on the screen so that you can click to adjust or ignore a suggestion and keep moving forward. (This is one of those tools that can really save you from looking silly because of a mistake.)

7. Track Duck

safari extensions

TrackDuck is a feedback gathering tool that comes with a paid plan. It helps you gather feedback at all steps in the website design process.

You can share mockups, development phases and more and get feedback from other users. It works with multiple CMS platforms such as WordPress, MODX, Squarespace and Shopify.

8. Rebrandly

safari extensions

Are your web links long and cumbersome? The Rebrandly extension and platform allow you create and share shorter linkers using your custom domain.

You can brand links to help make them easier for users to remember. Plus, this tool helps improve brand visibility because you are using your domain, not a third-party. It will also help users trust your links because they won’t include oddball text and is optimized for search.

The extension is easy to use and will save time in your workflow down the line. You won’t have to change old and clunky links, which can hurt established linking. Plus you can share directly to social media channels.

9. SEOquake

safari extensions

SEOquake allows you to check search engine optimization quickly with this extension.

You can conduct an SEO audit, take a look at internal and external links, compare domains and URLs (even in real time) and export your information.

The extension works fast and doesn’t put a lot of drag on your system while providing a quick and simple SEO audit on your website. The included toolbar also provides information about SEO for other websites while you are browsing so you can compare to your own. Another key feature of the tool is a keyword analysis that helps you visualize all the keywords used in a specific website design.

Plus, you can customize this extension to only display the information you want to see, so there’s no cumbersome interface to deal with.

10. Stylish

Stylish lets you customize your favorite websites – think giving Facebook a facelift – with custom CSS or by using thousands of other user styles powered by the active Stylish community. The extension functions by using Google Analytics.

The best part of great web browser extensions is that they can keep you from repeating certain tasks throughout the day. For many designers, this can be a huge time-saver. You can find all of these extensions on the Apple Safari Extensions page in the App Store .

Are there any Safari extensions you love that aren’t on this list? Tell us on Twitter; just make sure to tag @designshack .

10 Browser Extensions for Designers (and Non- Designers)

Alesya Denga

Many of us seek tips and tricks to simplify our work — designers included. Some tasks can be very simple but take a lot of time — for example, trying to figure out the exact colors in a competitor's color palette. Other tasks could require help from someone else — for example,  proofreading your CV or portfolio.

We asked around the Uxcel team and made a list of browser extensions that both designers and non-designers like using. These 10 tools can save your time, money, and effort, inspire you, and boost your productivity and creativity.

  • WhatFont for Chrome & Safari
  • Grammarly for Chrome & Safari
  • ColorZilla for Chrome
  • Page Ruler Redux for Chrome
  • FireShot for Chrome
  • Dark Reader for Safari & Chrome
  • HoverSee for Safari
  • Muzli 2 for Chrome & Safari
  • Evernote Web Clipper for Chrome & Safari
  • Stay Focusd for Chrome

1. WhatFont for Chrome & Safari

WhatFont browser extension

The WhatFont extension provides a simple and elegant way of identifying fonts on a web page. Forget hunting through the code and looking for a typeface that has caught your eye. Hover the mouse on the text — and voilà! WhatFont tells you what typeface it is. You can see even more details on click: font style, weight, size, line height, and color. WhatFont has 2 significant advantages: the extension exists for both Chrome and Safari, and it can identify typefaces in any language.

Try WhatFont for Chrome

Try WhatFont for Safari

If you’re intrigued by the world of fonts, explore our Typography course , at the end of which you’ll be able to create both aesthetic and readable designs.

2. Grammarly for Chrome & Safari

Grammarly browser extension

Smaller teams often don't have full-time copywriters or UX-writers. In cases like this, the copy can become the designers' responsibility. You might need to write UX microcopy and social media posts, not to mention emails to your team. Also, the ability to write solid copy is a massive addition to your professional skill set. With Grammarly, you can stop worrying about spelling errors or weird sentence structure. This extension acts like your personal writing assistant. It underlines pieces that need improvement and provides immediate and specific suggestions.

Try Grammarly for Chrome

Try Grammarly for Safari

That said, AI tools cannot replace a strong foundational knowledge in UX writing — check out our UX Writing course to build yours.

3. ColorZilla for Chrome

ColorZilla for Chrome

A sustainable, thoughtful color palette is the foundation of any design. ColorZilla is an extension with a range of features that are helpful when working with color. The most used function is "Pick Color From Page." It automatically determines the hex value of the color you choose and copies it to the clipboard, allowing you to paste it right away in the drawing tool. ColorZilla keeps a history of all the colors you've picked, so you won't lose track of your top selections. Moreover, the extension can generate website palettes and create gradients that you can download in CSS format.

ColorZilla doesn't work for Safari, but you can use its alternative — Color Picker. It speeds up the process of picking colors and copies their value in any format you need: NSColor, UIColor, HEX, RGB, etc.

Try ColorZilla for Chrome

Try Color Picke‪r for Safari

Our Color Psychology course is a great place to start if you’re curious about how to use colors effectively in your designs.

4. Page Ruler Redux for Chrome

Page Ruler browser extension

Page Ruler Redux is a go-to tool for designers and web developers when they need precise element measurements. All you have to do is drag the mouse along the selected area to measure the distance between elements. The tool will also give you accurate height and width in pixels.

For Safari users, there's the Ruler extension with similar functionality. Ruler can also display rulers, guides, and frames over website content, allowing you to save and load guides for future reviews.

Try Page Ruler Redux for Chrome

Try Ruler for Safari

5. FireShot for Chrome

FireShot for Chrome

The FireShot extension has over 2 million users, which speaks volumes to its excellent functionality. It's a Chrome extension that allows you to:

  • Capture visible parts of web pages
  • Select and capture specific areas
  • Take screenshots of entire web pages
  • Edit and print screenshots
  • Save screenshots in various image formats, like PDF, JPEG, GIF, or PNG
  • Email a screenshot right away or copy it to the clipboard

Safari users can have a look at Awesome Screenshot, which is a similar extension. It provides decent functionality and allows you to capture, edit, and share screenshots anywhere you want.

Try FireShot for Chrome

Try Awesome Screenshot for Safari

6. Dark Reader for Safari & Chrome

Dark Reader browser extension

If you have never worked late into the night, you're in the minority of designers. Isn't dark mode the best option for the darkest time of day? There's conflicting scientific evidence, but many people believe that dark mode reduces the negative impact of blue light. The blue light emitted by electronic devices is believed to cause eye strain, dry eyes, and severe migraines. The Dark Reader extension is a pet project of software engineer and accessibility activist Alexander Shutov who often works late and wanted to create a tool to ease eye tension in the dark.

With the Dark Reader extension, you can join the "dark side" regardless of the time of day. The tool allows users to adjust brightness, contrast, and font settings to make pages more readable. Plus, dark-themed websites look astonishingly elegant. The extension is available for both Safari and Chrome users.

Try Dark Reader for Chrome

Try Dark Reader for Safari

7. HoverSee for Safari

HoverSee browser extension

HoverSee's functionality is right in its name — when users hover the mouse over images and links, they see them larger and more clearly. The extension also provides previews of videos and websites alongside available descriptions. And, of course, it's a lifesaver for users with visual impairments.

HoverSee works great for websites with extensive image galleries and direct image links — for example, Facebook and Twitter. On Youtube, the extension automatically plays a video in its expanded mode. The tool is very easy to customize. You can adjust video delay, min and max zoom, whitelist or blacklist certain websites, autoplay or mute videos, and more.

HoverSee is available for Safari users only, but Chrome has an alternative tool — Hover Zoom+.

Try Hover Zoom+ for Chrome

Try HoverSee for Safari

If building accessible and inclusive products like HoverSee intrigues you, consider exploring our Design Accessibility course .

8. Muzli 2 for Chrome & Safari

Muzli 2 browser extension

You are probably familiar with creativity blocks. Sometimes you spend hours trying to produce something to no avail. As designers, we often look for sources of inspiration. For example, we read books, visit exhibitions, take different routes to the office or grocery store, try new hobbies, and stay up to date with the freshest design trends and news. With Muzli 2, you won't miss a thing in the design world and can always stay inspired. Once installed, it replaces your default home page. Every time you open the browser, Muzli 2 offers you a daily dose of beautiful designs, articles with helpful tips, exciting interviews, and freebies.

The Muzli 2 extension is made by the InVision app team — the creators of one of the best digital platforms for smooth team collaboration when designing products.

Try Muzli 2 for Chrome

Try Muzli for Safari

9. Evernote Web Clipper for Chrome & Safari

Evernote Web Clipper browser extension

The Evernote extension is a fantastic tool for those who like things to be neatly organized and sorted. If you often come across interesting articles or captivating headlines that you are too busy to read right away, Evernote has you covered. The creators of Evernote strive to reduce the number of open browser tabs, so the tool has been design to allow you to store all the interesting things that you find on the web in one place. You can also take screenshots, comment, highlight meaningful points, and share notes with your friends or colleagues.

Try Evernote for Chrome

Try Evernote for Safari

10. Stay Focusd for Chrome

StayFocusd browser extension

The secret to getting things done is not working 12 hours a day without shifting your eyes from the computer. It's about having regular and, most importantly, refreshing breaks. Procrastinating on Facebook or any other social media website won't do any good. The Stay Focusd extension has all the power to help you to, well, stay focused! For example, you can set limits for time-consuming websites. Once you reach a limit, the extension blocks access to that content for the rest of the day. It's similar to turning parental control on for yourself. The good news is that you can fully customize it yourself, too.

This extension isn't available for Safari users, but Waste No Time is a great alternative. It has the same functionality as Stay Focusd to help users stay on track and get things done.

Try Stay Focusd for Chrome

Try Waste No Time for Chrome & Safari

Other productivity hacks include creating task lists, getting enough sleep, taking breaks, and enjoying a hobby that takes your mind off work.

Frequently Asked Questions

Learn to master typography and create designs that are both readable and aesthetic.

Learn how to write UX copy that will tell a compelling story and engage users.

Learn about color psychology and the profound impact it has on design.

Upskill your design team effectively

Equip your design team with the best-in-class design training that sticks.

Do you know your design team skill level? Send them this quick test & see where their skills stand among 300K+ designers worldwide.

Level up your design career

Get step-by-step guide how to build or advance your UX design career.

Do you know your design skills level? Take a quick test & see where you stand among 300K+ designers worldwide.

Continue reading

11 inspiring ux case studies that every designer should study, 7 top ux careers & specialisations: skills, paths & opportunities, 15 figma plugins to boost your design workflow, cookie settings 🍪.

  • Interactive UX learning for all levels
  • 20+ UX courses and career paths
  • Personalized learning & practice

Design-first companies are training their design teams. Are you?

  • Measure & identify team skill gaps
  • Tailor learning for your team’s needs
  • Unlock extensive learning library
  • Visualize team growth over time
  • Retain your designers

You are using an outdated browser. Please upgrade your browser to improve your experience.

How to use Safari Extensions in 2022 — and five of our favorites

Darryl Boxberger's Avatar

Safari Extensions are small utilities added on top of the Safari browser on your Apple device. Through these utilities, they dynamically change the browsing experience. Safari Extensions offer tools to change up your browsing experience just the way you want.

Here are five of our favorites.

Dark Reader

Compatible with: iPhone, iPad , and Mac

Price: $4.99

safari extensions for designers

Many devices have adopted a Dark Mode for a more comfortable viewing experience at night. However, many websites still lagged behind, and continue to only offer light-colored backgrounds. Dark Reader is a powerful way to make these websites just as comfortable to look at at night.

Turn the extension on, and Dark Reader automatically turns every site into a white-on-black version.

It intelligently works around photos and links, and simple controls make it easy to turn off when need be if a site is better served in its regular appearance.

Yet, its more granular options give users a lot of control — from the exact color of the background to precise sliders to adjust brightness and contrast.

Among dark mode extensions available as extensions, Dark Reader stands out as the perfect balance of ease-of-use and detailed control. It works across all Apple devices that support Safari Extensions.

Compatible with: iPhone/iPad and Mac

Price: Free

safari extensions for designers

The popular coupon-finding extension is available for the iPhone, iPad, and Mac.

When the user goes online shopping on their device, Honey automatically fills the coupon field with valid codes to save money at checkout.

Its lightweight package means it will not affect browsing when the user is not shopping, yet it's efficient when a code comes in handy. It'll automatically appear when a code is found when on iPhone.

Honey is famous for its comprehensive database of coupon codes and is the most extensive extension of its kind on the Internet.

OverPicture

Compatible with: Mac

Price: $2.99

safari extensions for designers

While Picture-in-Picture is slowly rolling out for certain YouTube users on iPhone and iPad , it has yet to arrive on the Mac.

OverPicture implements a simple interface on top of YouTube in Safari to allow users to take YouTube videos in Picture-in-Picture. In addition, users can watch a smaller version of the video as it floats over their work by clicking an integrated toggle in the video player.

The Apple-like interface means that it is instantly familiar to those who have already sued the feature on iPhone and iPad.

It is the simplest way to get the functionality for the Mac, and it fits in with the design of the software.

Compatible with: iPhone, iPad, Mac

Price: Free to install, requires subscription for full functionality

safari extensions for designers

The password utility 1Password helps users organize passwords and strengthen their security by generating hard-to-crack passwords.

The extension will automatically fill these passwords in for the user, freeing the user from memorizing tricky passwords themselves.

Featured in numerous "best password manager lists," the utility is simple to invoke when needed and does not interrupt when the user is browsing.

Compatible with: iPhone/iPad, Mac

Price: Free for basic functionality, paid tiers for more features

safari extensions for designers

The recipient of many software design awards, Grammarly is an extension that aims to improve users' writing.

The extension automatically suggests better word choices, corrects spelling and gives fixes to sentences in a compact window to the side.

It also intelligently adapts to different writing scenarios. So whether it's a formal business email or a casual text chat between friends, Grammarly promises to optimize the writing for the user in a simple, easy-to-use extension.

However, before you can use Safari Extensions, you'll need to turn them on. The steps are a little different for iPhone, iPad, and Mac.

How to turn on Safari Extensions on iPhone and iPad

  • Launch Settings on your device.
  • Tap Safari .
  • Under General, tap Extensions .
  • Select the extension you want enabled and turn it on.

Return to Safari on your iPhone or iPad, and tap the puzzle icon in your address bar. You can see the Safari Extension has been enabled.

safari extensions for designers

How to turn on Safari Extensions on Mac

  • In the Menu Bar, click Safari .
  • Click Preferences .
  • In Safari Preferences, click Extensions .
  • You should see all available Safari Extensions in a vertical list to the left. Click the checkbox of your chosen extension to turn it on.

You should now see the icon of the Safari Extension you have enabled show up next to the other toggles and settings in the Address Bar.

If you would no longer like a Safari Extension to be enabled, here's how to disable it.

How to turn off Safari Extensions on iPhone and iPad

  • Select the extension you want disabled and turn it off.

Return to Safari on your iPhone or iPad, and tap the puzzle icon in your address bar. You can see the Safari Extension has been disabled.

safari extensions for designers

  • You should see all available Safari Extensions in a vertical list to the left. Uncheck your chosen extension to turn it off.

safari extensions for designers

You should no longer see the icon of the Safari Extension you have just enabled in the Address Bar.

Sponsored Content

article thumbnail

How to download YouTube Videos with 4K Video Downloader

Top stories.

article thumbnail

iOS 18 is coming soon with AI, a new interface, and accessibility: what to expect at WWDC 2024

article thumbnail

Apple Ring rumors & research - what you need to know about Apple's next wearable

article thumbnail

You may need to wait a little longer than expected for a new iPad Pro & iPad Air

article thumbnail

Future Apple Vision Pro may get Bob Ross-style virtual painting tools

article thumbnail

Apple AI, visionOS 2.0, iOS 18: What to expect from Apple during WWDC 2024 on June 10

Featured deals.

article thumbnail

Flash Deal: Apple's M3 MacBook Air (10-core GPU, 16GB RAM, 512GB SSD) drops to $1,329

Latest comparisons.

article thumbnail

M3 15-inch MacBook Air vs M3 14-inch MacBook Pro — Ultimate buyer's guide

article thumbnail

M3 MacBook Air vs M1 MacBook Air — Compared

article thumbnail

M3 MacBook Air vs M2 MacBook Air — Compared

Latest news.

article thumbnail

Apple will be holding WWDC 2024 from June 10, showing off its future operating system updates and maybe even new hardware. This is what has been rumored so far.

author image

The iPad Pro and iPad Air are set to get a refresh — but it doesn't look like either are going to arrive in April as previously thought.

author image

Apple is just months away from showing off its iOS 18 update that will arrive in the fall. This is what the rumor mill suspects is on the way in the next version of the iPhone operating system.

article thumbnail

If you've ever wanted to unleash your inner Bob Ross, you may be soon able to make your own happy accidents in Apple Vision Pro.

author image

Killer deal: Apple's M2 Mac mini plunges to $474.99

The M2 Mac mini has dropped to the lowest price ever, and the flash deal is available exclusively to AppleInsider readers. Save $124 instantly for 2 days only.

author image

iOS 17.4 has an unexpected charging benefit for iPhone 12 owners

While still not getting the full charging speed that Qi2 allows, the iPhone 12 now charges a bit faster after the iOS 17.4 release.

author image

Future Apple Vision Pro may correct for vision problems without magnetic lenses

Apple is working to remove the need for users to add prescription lenses to the Apple Vision Pro, by having the headset itself adapt to different vision needs.

article thumbnail

Beware of fake CleanMyMac installers that will infect your Mac

Cybersecurity experts recently uncovered a sophisticated scheme where attackers disguise malware as CleanMyMac to steal Mac users' data.

author image

Phil Schiller will be Apple's ecosystem defender for quite some time

Phil Schiller is Apple's biggest defender of Apple's ecosystem, a profile into the Apple Fellow declares, with the executive publicly beating the drum to maintain the vision of co-founder Steve Jobs.

Latest Videos

article thumbnail

WWDC 2024 will show off Apple's AI efforts on June 10

article thumbnail

iPhone 15 Pro Max review six months later: Still an exciting upgrade

Latest reviews.

article thumbnail

TP-Link Tapo Indoor cameras review: affordable HomeKit options with in-app AI tools

article thumbnail

ShiftCam LensUltra Deluxe Kit review: Upgrade your iPhone photo shooting game

article thumbnail

Keychron Q1 Max review: cushy, comfortable, costly

article thumbnail

{{ title }}

{{ summary }}

author image

6 Best Safari Extensions For Developers (2024)

Here are the 6 best Safari extensions for developers in 2024:

CSS Scan is the fastest and easiest way to check, copy, and edit CSS.

It makes copying CSS and HTML code way easier , and it works on any website.

With it, you can check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

It’s the dream web developer extension for Safari , and it also supports Chrome, Firefox, and Edge.

It also gives you the element’s dimensions, HTML attributes, and font-family.

👉 Try a free demo on the home page .

Everhour extension

If you need to track your freelance time, Everhour might be a great addition to your Safari.

It automatically integrates with Asana, Trello, Basecamp, Jira, and more.

You can quickly access your tracking history, start a timer for recent tasks, or find task details without opening the website.

CSS Pro is a re-imagined Devtools for web design.

With it, you can edit the CSS of any website with visual controls, without writing code.

Easily make changes to any website’s design and try your ideas in seconds with a visual editor that generates code for you.

Say goodbye to coding and hello to speed, joy, and stunning designs in just a few clicks.

Try a free demo on the home page .

1Password extension

If you’re constantly forgetting your passwords or simply want to have stronger ones, 1Password is the easiest way to do it. It works like magic.

1Password automatically generates and stores strong passwords for you when signing up on websites.

Login everywhere, across all your devices, with a single click.

WhatFont extension

WhatFont is a simple but handy extension to find out which fonts a website is using.

Just hover over a text, and it will give you name of the font that’s being used, and other typography settings.

Ghostery Lite

Ghostery Lite extension

If you care about your privacy, use Ghostery Lite to block ads and stop websites from getting your data.

You can also use it to check page performance, and choose which categories of trackers you want to block.

Have you seen CSS Scan?

Check the CSS of any element you hover over, instantly.

Learn more →

CSS Scan logo

The 11 best Safari extensions for improving your productivity

  • Safari extensions add a wide range of new features and capabilities to the browser.  
  • You can find Safari extensions in the Apple App Store.
  • Here are 11 of the best extensions for Safari that can improve the way the browser works and enhance your productivity. 

While there aren't nearly as many extensions for Safari as there are for other browsers like Chrome and Firefox , you can still add a variety of features and capabilities to your browser through the App Store's extension library. To get there, start Safari, click the Safari menu and choose Safari Extensions… To help you narrow down your choices, here are the best Safari extensions focused on productivity.

Awesome Screenshot

Awesome Screenshot can take screenshots with a click of the extension icon. You can capture after a countdown, just a part of the screen, or — and this is really the best reason to install it — an entire webpage, including the parts that extend well past the bottom of the screen.  

Day One is an elegant take on journaling. The app lets you record your daily thoughts, respond to prompts, add photos and graphics as well as and work in free-form text or add structure and formatting. The Day One extension lets you insert the current webpage into the journal as well. 

You might think that this kind of privacy should be built into every browser, but DuckDuckGo adds it to Safari. This extension automatically blocks third-party trackers on most websites and also gives you a dashboard to see each site's privacy grade on an A to F scale. 

Evernote Web Clipper

Evernote Web Clipper lets you save any webpage to your Evernote account for future reference. 

Evernote, of course, is an online note-taking tool that lets you collect images, text, and webpages, and you can use this extension to grab any webpage you're looking at with a single click. 

It should go without saying that you should be using a password manager to keep the hundreds of logins you need to contend with strong, unique, and secure. 1Password puts all your save passwords a click away, making logging into any website a fast (but safe) affair.

Blue Canoe Dictionary

Not sure exactly how to pronounce "ensconced?" Wonder no longer because Blue Canoe Dictionary opens a dictionary entry for any word you select on a webpage and displays the definition. Click Listen to hear it read aloud, along with some examples of exactly how to sound out the vowel — ideal if English isn't your first language. 

Using a password manager is great, but these days you should also have two-step verification turned on for all websites that support it. Step Two is a great authentication app that automatically backs up to iCloud, preserving those codes even as you change phones or computers. The Step Two extension helps you log into websites fast without manually entering those six-digit codes. 

Want to watch a YouTube video while you work? Piper lets you multitask by enabling many popular video platforms to run in picture-in-picture mode. The extension adds a button to many video players that pops the video out onto the desktop, so you can watch the video while you get work done with other apps at the same time. It works with apps like YouTube, Netflix, Twitch, Prime Video, and more. 

Save to Pocket

Save to Pocket is a convenient tool for saving websites to a library you can read later on. And while it's owned by Mozilla and is built into Firefox, you can use Save to Pocket in Safari in exactly the same way. Once you click the Save to Pocket extension icon, the current webpage is synced to the cloud and you can read it in any browser on any computer or in an app on your mobile device. 

Everyone needs some help with spelling and grammar. Grammarly delivers free spelling and grammar suggestions in much the same way as the spell checker in Microsoft Word — just click the words with the underline to see suggestions. It works pretty much everywhere. 

Replace Safari's new tab page with Momentum to get a scenic, highly customizable start page. Front and center, it greets you by name with the time and whatever tasks you've set as your daily priority. You can also add quick links to commonly used websites and widgets like countdown timers and productivity metrics (though some features require upgrading to the premium version). Use the Pomodoro Technique ? You can even kick off timers to guide your productivity.  

safari extensions for designers

  • Main content
  • Artificial Intelligence
  • Generative AI
  • Cloud Computing
  • CPUs and Processors
  • Data Center
  • Edge Computing
  • Enterprise Storage
  • Virtualization
  • Internet of Things
  • Network Management Software
  • Network Security
  • Enterprise Buyer’s Guides
  • United States
  • Newsletters
  • Foundry Careers
  • Terms of Service
  • Privacy Policy
  • Cookie Policy
  • Copyright Notice
  • Member Preferences
  • About AdChoices
  • E-commerce Links
  • Your California Privacy Rights

Our Network

  • Computerworld

The 30 best Safari extensions — so far

Apple's Safari browser recently joined Firefox and Chrome in offering extensions. Which ones should you install?

Following in the footsteps of Firefox and Chrome, Apple this summer began allowing developers to create extensions for its Safari 5 Web browser and more recently launched its Extensions Gallery . The idea is to allow users to customize Safari in ways that make Web surfing more efficient and fun.

The gallery, a curated collection of extensions submitted by third-party developers, is similar to the company’s App Store for iPhone and iPad software. As in the App Store, Apple picks which extensions get listed in Extensions Gallery based on how well they perform and the functions they add to Safari. Any developer can submit one, but if you look through Extensions Gallery, you’ll notice many come from major media outlets or social networks.

Unlike the official Firefox and Chrome extension sites, the Safari Extensions Gallery doesn’t have a separate page for each extension. Instead, they’re all listed on a single gallery page , which is divided into several categories including News, Shopping, Productivity and Social Networking.

Like the App Store, Extensions Gallery features a simple one-step installation process. Click the Install Now button below an extension you want to try, and the extension is automatically downloaded, installed and activated. If the extension provides buttons, a toolbar or some other always-visible item, you’ll see it immediately. If an extension doesn’t work for you right out of the gate, try quitting and restarting Safari, but in most cases you won’t need a restart.

If you want to delete or disable an extension, simply open Safari’s Preferences, click on the Extensions tab, and locate the extension in the list box. You can click a checkbox to simply disable it — leaving it installed for later use — or click the Uninstall button to get rid of it entirely. You can also disable all extensions at once, leaving Safari in a clean state.

For many extensions, you can also specify preferences or settings. These vary depending on the extension and can involve anything from adding a username and password for a site to defining what information the extension displays and how it looks in Safari.

Beyond the Extensions Gallery

Unlike the process it uses for iOS applications — which are only available at the App Store, unless you’ve jailbroken your device — Apple allows developers to distribute Safari extensions freely on the Web. Even before Apple got its Extensions Gallery up and running, numerous Web sites and blogs popped up to offer less-restricted ways of finding and downloading extensions.

Downloading an extension from one of those alternative venues isn’t quite as simple as the installation process at the Extensions Gallery, but it’s not really onerous — you download the extension’s file, double-click to open it and confirm for Safari that you really want to install the extension. As with Gallery extensions, extensions from other sources can be disabled and deleted by using Safari Preferences.

Pimp My Safari , Safari Extendr , SafariExtensions.net and SafariExtensions.tumblr are great places to find a wide array of extensions, many of them offering features beyond those you’ll find in Apple’s Extensions Gallery.

With hundreds of extensions already available — dozens in Apple’s gallery alone — finding those that offer useful features and work reliably is a challenge. We’ve rounded up 30 extensions, from both Apple’s gallery and other sources, that make social networking a breeze, finding and reading Internet content more efficient, working with tabs easier, surfing the Web more secure and much more. All of them are free to download and use (although many of the developers welcome donations) and are available for both Mac and Windows machines.

Editor’s Note: Safari 5.0.1 requires Mac OS X ‘Leopard’ 10.5.8 or ‘Snow Leopard’ 10.6.2 or higher, or Windows XP, Vista or 7. Extensions are not enabled in earlier versions of Safari.

More Safari extensions are being added all the time. Let us know your favorites in the article comments .

Tab, toolbar and navigation tweaks

Probably the best tab-related extension out there, Calle Gustafsson ‘s Exposer adds a button to Safari’s toolbar that pops up an Exposé-like view in front of the browser showing thumbnails of all your open tabs. This allows you to see exactly what’s displayed in each one and easily switch to a specific tab by clicking it. If you routinely use tabbed browsing, this extension is a must.

SafariRestore

SafariRestore from SweetP Productions does one simple task: It lets you save all your open tabs for recovery later. Click the “SafariRestore” button in the Safari toolbar, and you are offered the option to save your current session or restore a previous session.

True, Safari does have the built-in ability to save multiple tabs as bookmarks (right-click on the tab bar and select the Add Bookmark for These Tabs option), but SafariRestore lets you save and restore groups of tabs without creating permanent bookmarks for them.

You can save up to six sessions; the most recent will be opened automatically the next time you start Safari. Create several sessions for different tasks — a social networking session, a project management session, a business research session — and switch back and forth over the course of the day.

Duplicate Tab Button

This extension from Thiemo adds a button to create a new tab with the same Web page displayed as in the current tab — useful if you want to keep a site open and still be able to surf away. You can also designate whether the new tab is a background or foreground tab by default in the extension’s preferences. It’s a useful addition to Safari’s built-in ability to open links in new tabs by right-clicking or by holding the Command key down while clicking.

Widgets Bar

This extension from Amberlight installs a bar below the address and bookmarks bars that can provide a variety of information — current weather, date/time, various world clocks and an RSS feed in a news ticker format. (You can customize the display in the extension’s preferences.) While it duplicates the functionality of some Mac OS X Dashboard widgets, it does so in an always-visible format.

Ultimate Status Bar

Safari’s built-in status bar (at the very bottom of the browser window) is rather Spartan, showing you destination URLs for Web links and page-download status and not much else. Interclue’s Ultimate Status Bar offers more functionality and customization. When you roll over links on a Web page, the Ultimate Status Bar can show you favicons (if available) for the destination Web pages, expanded URLs of shortened links, and file sizes for non-Web-page links such as PDFs, compressed content or disk images.

If you have Safari set to display its default status bar, the Ultimate Status Bar appears just above it; if you toggle Safari’s status bar off, Ultimate Status Bar replaces it. The bar can be customized using various color themes, and it automatically disappears when not in use.

Productive computer users know that the less often you have to shift your hands from the keyboard to the mouse, and vice versa, the more efficiently you can work.

KeyStroke from solusHex enables a range of keyboard shortcuts in Safari, allowing you to scroll up and down, return to a previous page, zoom in and out, and perform other functions using single keys (such as “j” and “k” to scroll down and up, respectively — a shortcut familiar to Gmail and Google Reader users). You can reassign each function to any key you like if the defaults don’t make sense to you.

MouseGestures

If you’re more comfortable with the mouse than the keyboard, you might prefer Kai Straßmann’s MouseGestures extension. It lets you assign actions such as “back” and “close tab” to four gestures (up, down, left and right) you make with your mouse.

To trigger a gesture, hold down the mouse button you designate in the options (typically the right or middle button) and sweep the mouse up, down, left or right. You can execute common navigational functions much more quickly with a gesture, so you can focus on getting your work done.

Privacy and security

How many Web sites and services do you use that require you to log in with a username and password? To keep track of them all, many people use easily guessable passwords or use the same password for multiple sites (or both) — neither of which is a smart security tactic.

That’s where LastPass comes in. It securely stores all your usernames and passwords; all you need to remember is a master password.

After you sign up for a free LastPass account, the LastPass extension asks if you want it to save usernames and passwords for every site you log into. Once saved, you can set each site to log in automatically or to require your LastPass master password to log in. (We recommend the latter.) The extension creates a menu bar with links to all the sites you have saved information for, as well as a form filler to quickly enter profiles or shipping information.

More important, LastPass helps you change your worthless passwords (like HelloKitty) to much stronger ones (like J#Qq*!bnF). Go to each site’s “change password” page and use LastPass’s secure password generator to create complex passwords of whatever length and combination of numbers, symbols and upper- and lowercase letters you choose. You won’t have to remember them, of course — LastPass does it for you. It takes some time to update all your weak passwords this way, but the security you’ll gain is well worth the investment.

Another bonus: LastPass also offers extensions for Firefox, Chrome and Internet Explorer, so if you use multiple browsers, your passwords will be available to you in all of them.

WOT (Web of Trust)

You can surf more safely with WOT , short for “Web of Trust.” WOT compiles user-submitted safety reports to determine how trustworthy a site is. The ranking is based on these four factors:

* General trustworthiness : WOT users would likely rate the BBC as being more trustworthy than, say, “Bob’s Alien News.”

* Vendor reliability : Users would give a site a low rating if it had developed a reputation for ripping people off. (While this category isn’t intended to be used for noncommerce sites, some people seem to be using it to rate such sites based on the usefulness of the information they provide.)

* Privacy : Ratings in this category are based on factors such as how well a site protects personal data.

* Child safety : A site that includes adult images or language would likely get a low rating from users.

When you first visit a site that WOT users consider to be safe, a green circle will flash at the top left of the screen. When you visit a suspicious site, you’ll get a WOT pop-up warning message that explains why the site has been flagged as untrustworthy.

You can add your own ratings and contribute to the web of trust by clicking on the WOT button in the Safari toolbar.

Blocking annoyances

A port of the popular Chrome extension, AdBlock does what its name says it does: It blocks most ads, both graphic and Flash-based, from being displayed.

Plugin Customs

Plugin Customs automatically keeps content from loading if it requires any Safari plug-in (most commonly Adobe Flash). This can keep poorly coded content from slowing down your browsing or page-loading times and keep away annoying animations and video.

A gray box that displays the plug-in type is shown at the same size as the actual plug-in content. To view the content, simply click the gray box.

If you’re just interested in articles and other content and don’t care about comments and potential flame wars, Shut Up from Ricky Romero is a great plug-in because it prevents the comments section of most Web pages from loading. As a result, it also speeds up page loading and rendering.

Not into social networking? Open Bits Software ‘s Shellfish blocks the various “share” buttons for most social networks that are now embedded in most articles, blog posts and other Web content.

Better social networking

Twitter for Safari

There are a plethora of Twitter-related extensions. The best, however, is the one from Twitter itself, which makes it easy to tweet about Web pages as you surf, view top trends and see who is talking about a site or article. It’s handy for business users who want to keep tabs on what people are saying about their products, companies or Web sites.

The extension adds a toolbar with a Twitter search form, the top 10 trending topics on Twitter, and buttons to post new tweets or to see tweets related to whatever page you’re currently looking at. Clicking “Tweet” opens your Twitter.com home page and, if you’re logged in, creates a new tweet with the page title and shortened URL of whatever page you’re looking at; otherwise it prompts you to log in. Clicking “Related Tweets” opens a sidebar listing the last 15 tweets that link to or mention the page you are on.

Shortenz Linkz

A number of extensions offer easy access to link-shortening services, but Shortenz Linkz from Trailing Zee Productions takes the cake: It supports the widest range of services, can be used to tweet links automatically and offers some support for customized link creation (such as for Flickr and YouTube as well as Bit.ly accounts). Shortenz Linkz isn’t available in the Safari Extensions Gallery, but you can download it from the developer’s site .

Facebook Cleaner

If you want your Facebook experience to be just about what’s in your timeline or on your wall, SonsterMedia ‘s Facebook Cleaner is the perfect plug-in for you. It blocks almost everything else, including ads, friend suggestions and references to things your friends like, as well application-specific items like pokes, from appearing in the Facebook sidebar. And it speeds up Facebook load times a bit.

Better Facebook

Facebook Cleaner is great if you’re just interested in cleaning up Facebook’s appearance, but if you want to go whole-hog with Facebook customization, give Better Facebook a whirl. The extension makes dozens of changes to your Facebook home page, such as separating status updates that originated on Facebook from posts imported from Twitter, adding your “Liked” pages to the main page, and adding buttons to mark read posts as “read” so you don’t waste time re-reading them.

If you don’t like any of these changes, you can easily change them back in the extension’s myriad options, which also let you do everything from forcing Facebook to display the Most Recent feed instead of the edited News Feed to automatically loading older posts as you approach the bottom of the page and hiding old comments when you revisit a post to see new comments.

Another nice feature is the Privacy Scan, which uses the tool from ReclaimPrivacy.org to check your page for potential leaks of information to people other than your friends.

YourVersion

YourVersion combines the social bookmarking features of sites like Delicious with the broadcasting abilities of Twitter and Facebook and the serendipity of discovery sites like StumbleUpon.

Click the YourVersion button in your Safari toolbar and a window opens on your current page offering a shortened URL for that page. You can copy and paste it wherever you want or use the shortcuts to automatically create a Twitter post, Facebook update or e-mail message with the link embedded.

If you register for a free YourVersion account, the links you send will also be saved to your account. You can also simply bookmark pages for later reference. Entering a topic and clicking the “Discover” button opens a YourVersion page listing pages other users have shared or bookmarked that relate to your search terms. (An account is not necessary for bookmarking or Discover features.)

Want to see a larger version of a Web site image when you hover your cursor over it? Side Tree Media ‘s HoverZoom does just that at a range of sites, including Facebook, Flickr, Picasa and Twitter. It works with a surprisingly large range of non-social-media sites as well and optionally offers zoomed-in previews of many Web video sources in addition to still images.

YouTube Downloader

There are a number of open-source and shareware applications that allow you to download video from YouTube for offline viewing. YouTube Downloader from Bronenos blows them out of the water.

It adds buttons directly above a video on YouTube’s site (but not videos embedded on other sites) that let you download in either FLV or MP4 formats. This is a great option for later video viewing or for building YouTube content into presentations or multimedia projects (while obeying copyright and/or fair use rules, of course).

YouTube Downloader isn’t available in the Safari Extensions Gallery, but you can download it from the developer’s site .

Reference, search, translation and more

Apture Highlights

This versatile reference tool from Apture Inc . is especially great for students. Once it’s installed, anytime you highlight a word or phrase on a Web page, it displays a pop-up window in which you can search for additional information about the selected phrase from Wikipedia, Google, Bing, YouTube or Google image search.

When you press a key combination — you choose the combo in its preferences — Canisbos Computing ‘s PopSearch extension displays a “pop-up” search box overlay that lets you search any of 14 different sites. That list includes obvious ones like Google, Bing and Wikipedia as well as less obvious choices like Amazon, your Instapaper account, Twitter and Facebook.

Search Preview

Félix Cloutier ‘s Search Preview adds inline thumbnails of linked pages to your search results from Google, Bing or Yahoo. It’s invaluable for getting some context about the pages included in your search results. Search Preview isn’t available in the Safari Extensions Gallery, but you can download it from Softpedia .

UseKit is a very handy add-on that rolls up the features of several popular extensions and services into one. It adds a toolbar to the bottom of your browser window with buttons for several functions, from language translation to Web editing. Here’s a list of the services included:

* Translate : Translate any text you select on a Web page to or from English and six other languages.

* CrunchBase : Look up company names in TechCrunch’s user-editable online directory of tech industry companies, people and investors.

* Map : Look up any address on Google Maps.

* Share : Share a link to the current page using e-mail, Facebook, Twitter, Google Buzz, Digg, StumbleUpon and/or other services.

* Printliminator : Remove unwanted images, paragraphs or page elements for printing.

* FireBugLite : Explore the code underlying any Web page.

* Readability : Apply a more readable template to any page, removing ads and other clutter. (Safari’s built-in Reader function does much the same thing, and more elegantly, but on single article pages only.)

If you want a more complete translation tool than the one provided with UseKit (or if you’re not interested in UseKit’s other functions), give Side Tree Software ‘s Translate a try. It taps Google Translator to translate the text of any Web page into one of nearly 60 languages (the default being English).

Perhaps the best feature of Translate, which adds a toolbar button to Safari, is that it doesn’t just translate the text, it re-renders the entire page with the translated text and (optionally) displays it in a new tab.

Integration with Instapaper, Google Reader and Gmail

InstapaperIt

Instapaper is a free service that lets you save articles and other Web pages for future reading, optionally formatting them into a easy-to-read format similar to a newspaper (“instant paper,” get it?). Instapaper offers a simple “Read Later” button you can add to Safari’s Bookmarks bar; if you’re on a page you want to read or review later, just click the button to save the page to your Instapaper account.

But an even better option is the InstapaperIt extension from ElasticThreads . InstapaperIt not only lets you save the page you’re currently on to your Instapaper account (just click the “I” button to the left of the address bar), it also lets you save linked pages for later.

To save a linked page, right-click the link and select “Send Link to Instapaper.” Alternatively, you can set a hot key; press the hot key as you click a link, and the linked page will be saved to your Instapaper account.

It’s a great timesaver for business travelers, commuters or Web researchers who want to compile several articles to read all at once at a convenient time. It can also be handy for people who have spotty Internet service or perhaps nasty weather headed their way. Take the Internet and save it.

Instapaper Beyond

This extension from Brett Terpstra adds keyboard-based navigation when you’re browsing your Instapaper account. You can navigate through bookmarks and folders, view bookmarked pages on their original site or in Instapaper’s Text view, or archive pages and send them to other services like Evernote and Delicious. When installed, simply press the “h” key while logged into Instapaper for a full list of keyboard commands.

Add to Google Reader

This extension from Rob Wilkerson does exactly what it says: It adds the RSS feed for the current site to your Google Reader account via a toolbar button.

This one’s a great companion to the above extension. Rafeed Chaudhury ‘s GReader displays the unread count of your Google Reader account in a toolbar button — and clicking that button takes you immediately to your Google Reader home page.

Gmail Checker

Much like GReader, LifeFromBelow.com ‘s Gmail Checker displays the current unread message count of your Gmail inbox via a toolbar button — and clicking the button takes you to your Gmail account.

Final thoughts

Before Safari 5 was released, Apple was criticized for being late to the extensions party that started with Firefox and gained ground with Chrome. Despite the delay, Apple has made installing and updating Safari extensions a breeze. And though the Extensions Gallery is only a starting point, it’s a good one for most users.

More important, extensions give users a more personal browsing experience and a more modern way of navigating around the Web. The one-size-fits-all browser is dead. It’s about time.

Let us know your favorite Safari extensions in the article comments .

Ryan Faas and Logan Kugler are frequent Computerworld contributors.

Related content

Network automation challenges are dampening success rates, sd-wan, sase outpace mpls investments: survey, beware the gap between security readiness and confidence levels, cisco warns, cisco: ai tools, better workspaces would boost in-office appeal, newsletter promo module test, show me more, hpe aruba adds genai search tools to network management platform.

Image

EdgeConnect SD-WAN with SWG: building a SASE foundation

Image

4 reasons to consider a network digital twin

Image

Episode 1: Understanding Cisco’s Converged SDN Transport

Image

Episode 2: Pluggable Optics and the Internet for the Future

Image

Episode 3: Looking Forward: 5G, Digital Transformation, and the Network of the Future

Image

Are unused IPv4 addresses a secret gold mine?

Image

Preparing for a 6G wireless world: Exciting changes coming to the wireless industry

Image

How to calculate factorials in Linux

Image

Sponsored Links

  • IDC report: Life-cycle services can help align technology, operational, and business outcomes.
  • Digital infrastructure plays a big role in business outcomes. Read this IDC report to learn more.

IRC WEB Services

Explore what the world is searching. Enter a search term or a topic.

Latest News

10 best safari extensions for web designers & developers.

Apple’s Safari web browser is beloved by many Apple and Mac enthusiasts. It’s a solid alternative to Chrome (and often does a great job on the privacy and security front). There are some great Safari extensions that can help designers increase their productivity, and create a better browsing experience.

You can find all of these extensions in Apple’s extensions gallery , but we’ve curated some of our favorites below. Whether you’re wanting to improve your typeface recognition, understand what’s powering a website behind the scenes, or better check your grammar—we’ve got you covered!

1. Fontface Ninja

fontninja 10 Best Safari Extensions for Web Designers & Developers design tips

Fontface Ninja is a free browser extension that helps you figure out and try fonts. You can inspect, try, buy and bookmark any fonts on any website with just a couple of clicks.

When installed, just hover over a typeface to see the font name, size, line spacing, line height and color of the letters. Then you can click to try a typeface without leaving the website where you are browsing. Plus, Fontface can provide the price and links to buy for more than 30,000 typefaces.

Never wonder what a font is again.

2. Everhour Time Tracker

everhour 10 Best Safari Extensions for Web Designers & Developers design tips

Everhour Time Tracker keeps track of how much time you spend working in project management tools. It’s a great extension to help designers (and freelancers) see exactly how much time they are spending on certain functions.

You can use the time tracking tool to link to invoicing and payroll systems.

The real bonus is that it connects to plenty of apps – particularly popular project management tools such as Asana, Trello, Basecamp and JIRA.

3. HoverSee

HoverSee allows users to hover the mouse over an image or link to enlarge photos or preview website content before actually clicking a link.

HoverSee allows users to see enhanced content for thumbnail images on social media and news websites, links to image galleries, links to video content, direct links to images and likes to any websites that are enabled by the user.

This is a nifty extension if you want to take a look at information quickly without losing track of where you are working. It can be a time-saver.

4. Notifier for GitHub

gitnoti 10 Best Safari Extensions for Web Designers & Developers design tips

Notifications for GitHub displays a great little tool to read notifications you have on GitHub. This can be a helpful companion for active users who don’t want to log in to see what is happening with their forks.

5. Theme and Plugins Detector for WordPress

wpfactory 10 Best Safari Extensions for Web Designers & Developers design tips

Do you ever wonder what tools are powering another website? The Theme and Plugins Detector for WordPress tells you exactly what’s working in the background of other websites on the popular content management system.

With one click of a small button in the toolbar, you can see the theme and version, as well as the version of WordPress that’s running. It also detects other plugins that are in use and include short descriptions of them with links and pricing.

6. Grammarly

grammarly 10 Best Safari Extensions for Web Designers & Developers design tips

Grammarly’s extension helps polish your writing right in the web browser. The tool – which comes with free ad paid versions of the software – provides easy, accurate proofreading as you write.

It can detect grammar, spelling and style errors to help keep your website designs clean and polished from start to finish. It will suggest changes on the screen so that you can click to adjust or ignore a suggestion and keep moving forward. (This is one of those tools that can really save you from looking silly because of a mistake.)

7. Track Duck

trackduck 10 Best Safari Extensions for Web Designers & Developers design tips

TrackDuck is a feedback gathering tool that comes with a paid plan. It helps you gather feedback at all steps in the website design process.

You can share mockups, development phases and more and get feedback from other users. It works with multiple CMS platforms such as WordPress, MODX, Squarespace and Shopify.

8. Rebrandly

rebrandly 10 Best Safari Extensions for Web Designers & Developers design tips

Are your web links long and cumbersome? The Rebrandly extension and platform allow you create and share shorter linkers using your custom domain.

You can brand links to help make them easier for users to remember. Plus, this tool helps improve brand visibility because you are using your domain, not a third-party. It will also help users trust your links because they won’t include oddball text and is optimized for search.

The extension is easy to use and will save time in your workflow down the line. You won’t have to change old and clunky links, which can hurt established linking. Plus you can share directly to social media channels.

9. SEOquake

seoquake 10 Best Safari Extensions for Web Designers & Developers design tips

SEOquake allows you to check search engine optimization quickly with this extension.

You can conduct an SEO audit, take a look at internal and external links, compare domains and URLs (even in real time) and export your information.

The extension works fast and doesn’t put a lot of drag on your system while providing a quick and simple SEO audit on your website. The included toolbar also provides information about SEO for other websites while you are browsing so you can compare to your own. Another key feature of the tool is a keyword analysis that helps you visualize all the keywords used in a specific website design.

Plus, you can customize this extension to only display the information you want to see, so there’s no cumbersome interface to deal with.

10. Stylish

Stylish lets you customize your favorite websites – think giving Facebook a facelift – with custom CSS or by using thousands of other user styles powered by the active Stylish community. The extension functions by using Google Analytics.

The best part of great web browser extensions is that they can keep you from repeating certain tasks throughout the day. For many designers, this can be a huge time-saver. You can find all of these extensions on the Apple Safari Extensions page in the App Store .

Are there any Safari extensions you love that aren’t on this list? Tell us on Twitter; just make sure to tag @designshack .

Recent Posts

limewire-api-140x140 LimeWire API: Integrate Generative AI Tools in Your Website for Free design tips

LimeWire API: Integrate Generative AI Tools

blog-header403x-8-140x140 Hot Off the Press: New WordPress.com Themes for March 2024 WordPress

Hot Off the Press: New WordPress.

hire-me-or-not-2-140x140 Reflections on My 2 Weeks Writing for The Tavern design tips

Reflections on My 2 Weeks Writing for

Sign up for alerts, special offers, news and updates.

Get an estimate of your project’s time and costs.

  • Privacy Policy
  • Terms and Conditions

Use Safari extensions on your Mac

Safari extensions enhance and customize the browsing experience on your Mac. Here's how to install them, uninstall them, or share them across devices.

Safari extensions add functionality to Safari, so you can explore the web the way you want. Extensions can show helpful information about a webpage, display news headlines, help you use your favorite services, change the appearance of webpages, and much more. Extensions are a great way to personalize your browsing experience.

Install extensions

Turn on extensions, turn off extensions, uninstall extensions, share extensions across devices.

Use the App Store to conveniently download and install Safari extensions. All extensions in the App Store are reviewed, signed, and hosted by Apple for your security, and they're automatically kept up to date.

Start by installing the latest macOS updates to make sure that Safari is up to date. You need Safari 12 or later to get Safari extensions from the App Store.

Open Safari and choose Safari > Safari Extensions from the menu bar.

The App Store opens to the Safari Extensions page. To download and install an extension, click Get or click the price. You might be asked to sign in with your Apple ID.

Click Install.

After the extension is installed, click Open and follow the onscreen instructions provided by the extension.

After installing an extension, follow these steps to turn it on.

Choose Safari > Settings (or Preferences).

Click Extensions.

Select the checkbox next to the extension's name. Learn what to do if you can't turn on extensions .

If you're browsing privately, or using a profile or web app

When browsing in a private window in macOS Sonoma or later, all extensions that require website access are turned off by default. To use an extension when browsing privately:

Choose Safari > Settings.

Select the extension in the sidebar, then select “Allow in Private Browsing” on the right.

Whether or not you're browsing privately, you can also restrict the extension's access to certain websites. Click the Edit Websites button to view the extension in Websites settings. From there you can allow access, deny access, or require that websites ask you for access.

When using Safari profiles , extensions for the default profile are managed in the main Extensions tab of Safari settings. Extensions for other profiles are managed in the Profiles tab, which has its own Extensions tab for each profile. By default, extensions are turned off for each new profile.

Share button

Choose Safari > Settings (or Preferences), then click Extensions.

To turn off an extension, deselect its checkbox.

If you can't determine what an extension does, or you don't expect to use it again, you should uninstall it.

To uninstall an extension, select the extension and click the Uninstall button.

Starting with macOS Ventura, iOS 16, and iPadOS 16, you can share extensions across your Mac, iPhone, and iPad:

On your Mac, open Safari and choose Safari > Settings, then click Extensions. Select “Share across devices” at the bottom of the window.

On your iPhone or iPad, go to Settings > Safari > Extensions, then turn on Share Across Devices.

No alt supplied for Image

To uninstall an extension from all devices, you must uninstall it on each device.

Safari no longer supports most web plug-ins. To load webpages more quickly, save energy, and strengthen security, Safari is optimized for content that uses the HTML5 web standard, which doesn't require a plug-in. To enhance and customize your browsing experience, use Safari extensions instead of web plug-ins.

Information about products not manufactured by Apple, or independent websites not controlled or tested by Apple, is provided without recommendation or endorsement. Apple assumes no responsibility with regard to the selection, performance, or use of third-party websites or products. Apple makes no representations regarding third-party website accuracy or reliability. Contact the vendor for additional information.

safari extensions for designers

Explore Apple Support Community

Find what’s been asked and answered by Apple customers.

Here are the best new Safari extensions to download for iOS 15 and iPadOS 15 (Updated)

Avatar for Parker Ortolani

One of the flagship new features in iOS 15 and iPadOS 15 is the redesigned Safari web browser. While the highlight of the new Safari is its user interface, it also gains compatibility with more powerful, Mac-like browser extensions. Now that iOS 15 is available to download, there are plenty of extensions hitting the App Store, and we’ve put together a list of some to try out.

Users of 1Password will love the new Safari extension in the latest update. The 1Password extension gives you the ability to see any password right in Safari and fill in password fields with saved ones. The extension can automatically fill in two-factor authentication codes as well. If you’re using an iPad, you will get the entire desktop 1Password experience. The extension will appear in the toolbar for you to access at any time.

Site default logo image

The developer behind Apollo for Reddit, Christian Selig, has created a new Safari extension called Amplosion. Amplosion redirects you to the original webpage when you open an AMP link in Safari. The app also lets you keep track of how many times you’ve visited an AMP link and how many times you’ve used Amplosion to avoid one. Amplosion is priced at just $1.99 and if you hate AMP as much as I do it’s well worth it.

Christian has also created an extension that adds an HTML web inspector to Safari. The app is priced at $0.99 and is well worth it – since Apple still hasn’t added its own inspector.

CardPointers

The new CardPointers Safari extension knows what deals you may be able to take advantage of on different shopping websites. CardPointers says that it’s compatible with thousands of websites. While shopping in Safari with the extension enabled, you’ll get a notice telling you which card to use for the best deal as well as any special offers.

Cheep is an app that helps you find deals on Flights. With its latest update, it adds a Safari extension for use with Google Flights. The extension helps determine the cost per mile, distance in miles, and recommends whether or not you should book the flight. Cheep is free.

Am excited for Cheep launch for iOS 15 today! https://t.co/IgcZ7i1upe – safari extension for google tells you the miles, cost per mile, and rating – personalize airline alliances for mileage run deals – minimum fare rating you want to see – integration with TikTok and Instagram pic.twitter.com/RpJ84MYmys — Jonathan Chum (@jchum) September 20, 2021

Web Inspector

This app is a simple web inspector that appears to be designed to look familiar to those who frequently use one in Chrome on the Mac. This extension lets you inspect webpages and edit their elements, enter JavaScript commands, view network requests, and more. It’s also entirely free.

I just released Web Inspector for iOS and iPadOS. It's a Safari extension for web developers to edit web pages on the fly, debug JavaScript, and more. It's free with no in-app purchases: https://t.co/u5mBSkMKnV pic.twitter.com/U1PdXv9VjK — Zhenyi Tan (@zhenyitan) September 20, 2021

HyperWeb is a new extension that adds the ability to customize just about anything you want to in Safari while browsing the web. The app lets you create blockers, personalize search, and customize the design of webpages. The app can also recommend enhancements to enable to make the extension more powerful.

Language Translator by Mate

Safari already has some translation features built-in but a new app from Gikken called Language Translator can help you take things to the next level. The app’s new Safari extension can automatically translate sites in 40 languages without any work required by the user. You can also select text and get a pop-up window if you want to translate it to another language. The app is pricey though at $29.99 but if you frequently need to translate different sites in a multitude of languages it might be worth the buy.

Vidimote is a new Safari extension that allows you to control video playback from the toolbar. The extension lets you change the speed of videos, jump ahead, switch between PiP and fullscreen, and more. Vidimote is $4.99 and available now.

StopTheMadness

StopTheMadness is a Safari extension that helps you take control of websites you frequently visit. The extensions lets you enable native iOS features like contextual menus, text editing, drag and drop, and autofill. The extension also improves privacy on the web by stopping clickjacking for different services among other things. StopTheMadness is priced at $7.99 on the App Store.

FTC: We use income earning auto affiliate links. More.

safari extensions for designers

Check out 9to5Mac on YouTube for more Apple news:

Safari

Parker Ortolani is a marketing strategist and product designer based in New York. In addition to contributing to 9to5mac, he also oversees product development and marketing for BuzzFeed. A longtime reader, Parker is excited to share his product concepts and thoughts with the 9to5mac audience.

View in English

Meet Safari Web Extensions on iOS

Safari extensions

Enhance and customize the web browsing experience on iPhone, iPad, and Mac with Safari extensions. Using powerful native APIs and frameworks, as well as familiar web technologies such as HTML, CSS, and JavaScript, you can easily create Safari extensions in Xcode and distribute them on the App Store in the Extensions category. Xcode 12 and later supports the popular WebExtension API and includes a porting tool to make it easy to bring your extensions to Safari.

Safari Web Extensions on MacOS, iPadOS, and iOS

Blocking content

Give users the ability to block certain content types on Safari iOS, iPadOS, and macOS. Built with Xcode, these app extensions are designed for speed and don’t slow down browsing. And because extensions never see what webpages users visit, user data is protected.

Learn about content blockers

Web extensions

Extend the web-browsing experience by allowing Safari to read and modify web page content. Now supported in iOS 15 and iPadOS 15, Safari web extensions are available on all Apple devices that support Safari. These extensions are built with Xcode and can communicate and share data with native apps — so you can integrate app content into Safari or send web data back to your app to create a unified experience.

Learn about Safari web extensions

Distributing and managing extensions

The Extensions category on the App Store for iPhone, iPad, and Mac showcases Safari extensions, with editorial spotlights and top charts to help people discover and download great extensions from the developer community. When your Safari extension is ready to be released, upload it to App Store Connect for distribution on the App Store. Apple reviews all extensions and updates to ensure they work reliably. Before submitting for review, make sure to read the guidelines for extensions .

Get started with App Store Connect

Converting extensions from other browsers

Web extensions that work in browsers other than Safari can be converted to support Safari on Apple platforms. Run the command-line web extension converter to create an Xcode project configured with a macOS app and/or iOS or iPadOS app that includes an extension that can be enabled in Safari.

Learn about converting a web extension for Safari

Upgrading macOS Safari web extensions to support iOS and iPadOS

It's easy to upgrade an existing macOS Safari web extension to also support iOS and iPadOS. Simply rerun your project through the command-line web extension converter tool with the --rebuild-project option. This will create a new Xcode project based on your existing project that includes extensions for these platforms.

The 7 Best Safari Extensions for Mac Users

Safari is probably the best browser for Mac users, but you can make it even better with a few well-chosen extensions.

Safari is the default web browser on iPhone, iPad, and Mac. Although Apple offers the ability to install third-party browsers, many Mac users swear by Safari since it's fast, lightweight, and better optimized for macOS than most other browsers.

That said, there are many things Safari can't do natively. This is where Safari extensions come into play; they extend Safari's functionality so that you can get more out of the browser. Below, we'll list some that's definitely worth installing.

1. Bitwarden

Bitwarden is one of the first extensions you should check out for Safari on your Mac. For the uninitiated, Bitwarden is one of the safest password managers , making managing and generating passwords for online accounts easy.

Bitwarden is free to use. And once you add its extension to Safari, signing in to accounts and creating entries for new account sign-ups becomes a fairly simple task. Not only that, but the extension also lets you interact with your vault, so you can access its content or add new items to it right from the browser.

Alternatively, if you use some other password manager, you can look up its Safari extension on the Mac App Store and add it to Safari to avail faster and hassle-free logins. And in case you don't use a dedicated password manager, we recommend using iCloud Keychain at least.

Download: Bitwarden (Free)

2. Grammarly

Grammarly is a free writing assistant. It assists you with things like spelling, grammar, punctuation, and more to help you write error-free emails, social media posts, messages, and more.

Grammarly's Safari extension works in the background as you type text to analyze it for mistakes. And when it detects a mistake, it underlines the word or phrase. You can click on it to view the suggestion and fix the mistake.

If you have a Grammarly Premium subscription , the extension gives you a few extra features, too, like suggestions on changing the tonality and improving the readability of your writing to make it easy to comprehend for readers.

Download: Grammarly (Free, in-app purchase available)

3. DuckDuckGo Privacy Essentials

Most websites on the internet track your online activities for various reasons, like serving personalized ads, for instance. If you don't like this and wish to browse more privately, you should add the DuckDuckGo Privacy Essentials extension to Safari on your Mac right away.

DuckDuckGo Privacy Essentials prevents trackers on the websites you visit from tracking you and what you do online to keep your online activities private. It uses two extensions for this: Privacy Dashboard and Privacy Protection. The former blocks third-party trackers, while the latter tells you who it caught tracking you.

One thing the DuckDuckGo Privacy Essentials extension does differently is that it stops tracking scripts from loading itself, which ensures even your IP address and other identifiers aren't sent out to the trackers.

Besides, the extension also grades websites based on their privacy, with Grade A signifying that the website cares about your privacy and Grade F meaning it has the worst tracking practice. Click the extension button in the toolbar to view the report.

Download: DuckDuckGo Privacy Essentials (Free)

4. Keyword Search

Keyword Search is a powerful extension that can speed up searching things on the internet. It's kind of similar to Bangs in DuckDuckGo , where you need to enter the keyword for the website (on which you want to find something) in the address bar, followed by your query, to get to the results directly.

The extension eliminates the need to visit a website to make a query, which typically involves multiple steps. It comes loaded with keywords for many popular websites, like Google, Amazon, Stack Overflow, YouTube, etc. But you can also set up a new shortcut for any website yourself with a few simple steps.

In addition, Keyword Search also allows you to modify the existing shortcut if you find it conflicting with the keyword for some other website. And lastly, you can select where you want to type the keyword—before or after—the search query.

Download: Keyword Search (Free)

If you're easily distracted by certain websites while working on your Mac, Quiet! can be a lifesaver. With the help of this extension, you can block websites in Safari to make them inaccessible and focus better on your work.

To help you do this, Quiet! offers a list of popular websites where you can block out the distracting ones. Alternatively, if a website isn't listed, you can create a new entry using its URL. All of this can be done inside the Quiet! app.

Furthermore, Quiet! also allows you to block websites on the entire network to make them inaccessible even through other browsers on your Mac. For this, you need to enable a network filter on your network from Quiet! settings and block the websites.

Besides helping you block distracting websites, Quiet! has another useful use case. You can also use it to block crypto miners, gambling, and adult content on your Mac. If you share your Mac with kids, this extension can help you create a safe browsing experience for them.

Download: Quiet! (Free, in-app purchase available)

6. Polyglot

Polyglot is another useful Safari extension for Macs. With it, you can easily translate text on different websites to your native language. Sure, you can translate websites in Safari natively, but there's no way to translate a selected text snippet on a website.

Using Polyglot is as simple as selecting the text you want to translate and clicking the Polyglot icon in the Safari toolbar. The extension shows you the translated text in your native language inside an overlay box below the text. Similarly, if you click on a word, Polyglot also shows you transliteration, synonyms, and other information related to it.

Polyglot automatically identifies the language as soon as you select it, which is nice. But you do need to set up the target language based on your region for it to perform the translations. You can do this by launching the Polyglot app, which will take you directly to the settings.

Here, you can also set up a shortcut to perform quick translation. Or, you can enable the instant translation feature, which gives you the Polyglot icon as soon as you select text for translation, making the process a bit faster and more convenient.

Download: Polyglot (Free)

7. Paypal Honey

If you enjoy online shopping, install the Paypal Honey extension to help you save money . It's essentially an online shopping assistant that lets you find great deals across numerous websites, get discount coupons, and compare prices of products offered by different sellers on Amazon to know if it's the right time to buy them.

After you add Paypal Honey to Safari, it works in the background to find the best applicable coupons for the product and applies the one with the most discount. Alternatively, it allows you to apply a coupon code manually, should you wish to use some other coupon.

In case there's no discount on an item you're eyeing, you can set up an alert for it in Honey, and it'll track the price and email you when there's a price drop so that you can grab the deal. Lastly, the extension even helps you earn cash back and other exclusive offers on popular online stores when they're available.

Download: Paypal Honey for Safari (Free)

Make Safari Do More With These Extensions

Adding the above extensions to Safari on your Mac can make the browser more powerful and get it to do things it can't do otherwise.

Of course, these aren't all the extensions you can use in Safari, but we feel it's a good starting point, and going forward, you can explore more options in the Mac App Store as per your requirement.

And if you're new to Safari, learning how to find, install, and remove Safari extensions on a Mac is essential.

  • Insider Reviews
  • Tech Buying Guides
  • Personal Finance
  • Insider Explainers
  • Sustainability
  • United States
  • International
  • Deutschland & Österreich
  • South Africa

profile icon

  • Home ›
  • tech ›
  • how-to »

The 11 best Safari extensions for improving your productivity

The 11 best Safari extensions for improving your productivity

  • Safari extensions add a wide range of new features and capabilities to the browser.
  • You can find Safari extensions in the Apple App Store.
  • Here are 11 of the best extensions for Safari that can improve the way the browser works and enhance your productivity.

While there aren't nearly as many extensions for Safari as there are for other browsers like Chrome and Firefox , you can still add a variety of features and capabilities to your browser through the App Store's extension library. To get there, start Safari, click the Safari menu and choose Safari Extensions… To help you narrow down your choices, here are the best Safari extensions focused on productivity.

Awesome Screenshot

The 11 best Safari extensions for improving your productivity

You might think that this kind of privacy should be built into every browser, but DuckDuckGo adds it to Safari. This extension automatically blocks third-party trackers on most websites and also gives you a dashboard to see each site's privacy grade on an A to F scale.

Evernote Web Clipper

Evernote Web Clipper lets you save any webpage to your Evernote account for future reference.

Evernote, of course, is an online note-taking tool that lets you collect images, text, and webpages, and you can use this extension to grab any webpage you're looking at with a single click.

It should go without saying that you should be using a password manager to keep the hundreds of logins you need to contend with strong, unique, and secure. 1Password puts all your save passwords a click away, making logging into any website a fast (but safe) affair.

Blue Canoe Dictionary

Not sure exactly how to pronounce "ensconced?" Wonder no longer because Blue Canoe Dictionary opens a dictionary entry for any word you select on a webpage and displays the definition. Click Listen to hear it read aloud, along with some examples of exactly how to sound out the vowel — ideal if English isn't your first language.

Using a password manager is great, but these days you should also have two-step verification turned on for all websites that support it. Step Two is a great authentication app that automatically backs up to iCloud, preserving those codes even as you change phones or computers. The Step Two extension helps you log into websites fast without manually entering those six-digit codes.

Want to watch a YouTube video while you work? Piper lets you multitask by enabling many popular video platforms to run in picture-in-picture mode. The extension adds a button to many video players that pops the video out onto the desktop, so you can watch the video while you get work done with other apps at the same time. It works with apps like YouTube, Netflix, Twitch, Prime Video, and more.

Save to Pocket

Save to Pocket is a convenient tool for saving websites to a library you can read later on. And while it's owned by Mozilla and is built into Firefox, you can use Save to Pocket in Safari in exactly the same way. Once you click the Save to Pocket extension icon, the current webpage is synced to the cloud and you can read it in any browser on any computer or in an app on your mobile device.

Everyone needs some help with spelling and grammar. Grammarly delivers free spelling and grammar suggestions in much the same way as the spell checker in Microsoft Word — just click the words with the underline to see suggestions. It works pretty much everywhere.

Replace Safari's new tab page with Momentum to get a scenic, highly customizable start page. Front and center, it greets you by name with the time and whatever tasks you've set as your daily priority. You can also add quick links to commonly used websites and widgets like countdown timers and productivity metrics (though some features require upgrading to the premium version). Use the Pomodoro Technique ? You can even kick off timers to guide your productivity.

safari extensions for designers

  • Current Location in Google
  • Hide Whatsapp Messages
  • Phone is hacked or not
  • Whatsapp Deleted Messages
  • Download photos from Whatsapp
  • Instagram Messages
  • How to lock facebook profile
  • Unfollowed on Instagram
  • Best printers for Home
  • Best Mixer Grinder
  • Best wired Earphones
  • Best 43 Inch TV in India
  • Best Wi Fi Routers
  • Best Vacuum Cleaner
  • Best Home Theatre in India
  • Smart Watch under 5000
  • Best Laptops for Education
  • Best Laptop for Students

The 11 best Safari extensions for improving your productivity

  • Advertising
  • Write for Us
  • Privacy Policy
  • Policy News
  • Personal Finance News
  • Mobile News
  • Business News
  • Ecommerce News
  • Startups News
  • Stock Market News
  • Finance News
  • Entertainment News
  • Economy News
  • Careers News
  • International News
  • Politics News
  • Education News
  • Advertising News
  • Health News
  • Science News
  • Retail News
  • Sports News
  • Personalities News
  • Corporates News
  • Environment News
  • Top 10 Richest people
  • Cibil Score vs Cibil Report
  • Top 10 Largest Economies
  • Lucky Color for 2023
  • How to check pan and Aadhaar
  • Deleted Whatsapp Messages
  • How to restore deleted messages
  • 10 types of Drinks
  • Instagram Sad Face Filter
  • Unlimited Wifi Plans
  • Recover Whatsapp Messages
  • Google Meet
  • Check Balance in SBI
  • How to check Vodafone Balance
  • Transfer Whatsapp Message
  • NSE Bank Holidays
  • Dual Whatsapp on Single phone
  • Phone is hacked or Not
  • How to Port Airtel to Jio
  • Window 10 Screenshot

Copyright © 2024 . Times Internet Limited. All rights reserved.For reprint rights. Times Syndication Service.

The Best Chrome Extensions for Graphic Designers in 2024

If you’re a graphic designer, then you know how important it is to have the right tools for the job. And that includes having the best chrome extensions for graphic designers at your disposal. With so many different options out there, it can be tough to choose which ones are worth your time. But don’t […]

' src=

If you’re a graphic designer, then you know how important it is to have the right tools for the job. And that includes having the best chrome extensions for graphic designers at your disposal. With so many different options out there, it can be tough to choose which ones are worth your time.

But don’t worry, we’ve got you covered. Here are the 29 best chrome extensions for graphic designers that will make your life easier and help you get the most out of your work.

Let’s jump right into it:

1. Awesome Screenshot

Awesome Screenshot is a great tool for taking screenshots and screen recordings while browsing the internet.

chrome extensions for graphic designers

  • Screenshot of online pages taken while browsing.
  • Make a video recording of the screen.
  • Crop and resize screenshots.
  • Also available: Annotation and blurring tools.
  • You can easily download and save images and videos.

qSnap allows you to capture screens from multiple browsers, including Chrome, Firefox Safari, Opera, Opera, and Internet Explorer.

chrome extensions for graphic designers

  • Multiple images can be captured and annotated simultaneously.
  • Consolidate multiple images into one document.
  • Screen captures can be shared across platforms.

3. Evernote Web Clipper

Evernote is a popular note-taking tool for mobile devices as well as desktop/laptop computers.

chrome extensions for graphic designers

  • Capture screenshots online.
  • Organize screenshots into folders.
  • Sync screenshots across devices to make them accessible from anywhere.

4. Colorzilla

Have you found a beautiful color on a website of someone else? Use Colorzilla to find its HEX code.

chrome extensions for graphic designers

  • You can get a color reading at any point in your browser.
  • Displays with both RGB and HEX codes.
  • You can easily paste colors into any other program.

5. ProofMe for Canva

Canva’s Extension ProofMe allows you to create proofs of your Canva designs, and then email them to your friends or colleagues.

chrome extensions for graphic designers

  • You can share proofs seamlessly using Gmail, Facebook, and Twitter.
  • You can annotate designs by drawing lines and highlighting text, taking measurements, and adding comments.
  • You can easily incorporate feedback and save new proofs.

6. Picmonkey

Picmonkey is a Chrome extension that allows you to instantly edit images and screenshots from any webpage.

chrome extensions for graphic designers

  • When you are viewing a website, click the PicMonkey icon.
  • Choose any image or screenshot from the sidebar.
  • Perform basic edits such as crop & rotate, image filter, overlays and fonts, textures, frames, and touch-up tools.

7. Slidely Photo Mix

Slidely Photo Remix allows you to bring any online image to life using the custom editing features.

chrome extensions for graphic designers

  • One-click add text overlays to any image.
  • You can create full-blown slides, slides with music, or even a promo for your business.
  • You can share your photos via email or Facebook, Google Plus, and Pinterest, as well as Twitter.

8. PhotoMania

PhotoMania makes it easy to instantly transform any online photo into visual art.

chrome extensions for graphic designers

  • Click on any image in your browser.
  • You can choose from more than 400 effects. The “Sketch” effect is what was chosen in this example.
  • Share your image with your friends.

9. Sumo Paint

Sumo Paint is an image editing and painting extension that allows advanced designers to create stunning images without having to pay the high price of Photoshop .

chrome extensions for graphic designers

  • A vibrant art community with over 570,000 members and more than 2 million images.
  • Image layers are supported.
  • Effects such as glow, shadow, and gradient.
  • Image adjustment tools for curves and levels, color balance, and more.
  • Professional painting tools with more than 300 brushes.
  • Numerous other features are comparable to Photoshop’s standard tools.

10. Your Graphic Designer

Your Graphic Designer is an HTML5 vector graphics editor that can be used online or offline to create drawings, vectors, and paintings.

chrome extensions for graphic designers

  • Free-hand drawing.
  • A complete range of vector tools, including lines, shapes, and curves.
  • Export in SVG, PNG, and JPG formats.
  • Multi-language support.

11. WhatFont

Did you notice a cool web font? Do you want to know more about it? WhatFont detects fonts on any website and inspects them.

chrome extensions for graphic designers

How to use WhatFont:

  • Click on the WhatFont icon for a list of all the fonts that are used on this page.
  • To learn more about the font type of a particular text section, hover over it.

12. Image Downloader

Image Downloader browser allows you to browse and download all images from any website.

chrome extensions for graphic designers

  • All page images, hosted and linked.
  • Filter images by width, height, and URL.
  • You can download individual images or open them.

Use the Pablo Chrome extension to create images that are optimized for each social media platform.

chrome extensions for graphic designers

  • You can choose from over 600,000.000 stock images, or upload your own.
  • Choose which social media platform will host the image.
  • To create your own masterpiece, add text and other image filters.

14. Emoji Keyboard

Love Emojis? Use this extension to add them to your written content and images.

chrome extensions for graphic designers

  • Click on the Emoji Keyboard symbol in your browser bar.
  • Search for the emoji that you want to use.
  • Click to copy and then paste it into your text.

15. HoverZoom+

Simply hover your mouse over any image on a website to zoom in.

chrome extensions for graphic designers

  • Works with Amazon, Facebook, and Flickr. Tumblr and YouTube, Wikipedia, WordPress, YouTube, YouTube, and many more.

16. Texmage

Texmage allows you to create text overlays on any image without having to download the image, upload it to Picmonkey or Canva, and then edit it.

chrome extensions for graphic designers

  • Choose an image from any website.
  • Add text to the image and adjust its font, color, and opacity.
  • Download your “texmage” and share it on social media.

17. Save To Google Images

You can save images that you find online to Google Photos so that you can use them later.

chrome extensions for graphic designers

  • Unlimited storage and completely free.
  • You can access photos from anywhere you have an Internet connection.
  • Duplicate pictures automatically removed.
  • Multiple photo albums.

18. PerfectPixel

PerfectPixel allows developers the ability to overlay semi-transparent images over HTML pages to allow for pixel-by-pixel comparisons.

chrome extensions for graphic designers

  • Multiple overlay support.
  • Scaling and inversion support.
  • Save Overlays between browsing sessions.

It is worth looking at two other overlay tools, the Bootstrap Overlay and Instant Wireframe.

19. CSS-Shack

CSS-Shack is a Chrome extension that can be used on a desktop computer. It allows you to easily create mock-ups of apps and website designs.

chrome extensions for graphic designers

  • Create layer styles.
  • Export styles to CSS and store.
  • Useful for creating and maintaining a web design guide.

20. CSS3 Generator

The CSS3 Generator extension generates the CSS code that you need, so you don’t have to create it.

chrome extensions for graphic designers

  • Box shadows and text.
  • Hex/RGBA colors
  • Transitions

21. Page Ruler

Page Ruler allows you to draw a line on any page to show the pixel dimensions and position for any element.

chrome extensions for graphic designers

  • You can see the width and height, top, bottom, left, and right positions.
  • Guides that extend beyond the ruler edges.
  • Manually adjust the ruler position and size to make precise changes.
  • “Element Mode” shows page elements as you hover over them.
  • Navigate through sibling, parent, and child elements of any element.

22. Chrome Daltonize

Around 5% of the population is affected by color blindness. This is 1 in 20 computer users! Chrome Daltonize enhances color details to ensure color-blind users can access all content.

chrome extensions for graphic designers

  • Simulate how images will look to a color-blind person.
  • Allows color-blind users to see details by revealing colors.

23. Window Resizer Beta

Browser Window Resizer allows you to see how a website will appear on different screen sizes.

chrome extensions for graphic designers

How to Use Window Resizer:

  • Once the extension icon is installed, click on it to open a dialog box (as seen in the image below). This allows you to resize the screen to different resolutions. You can then simulate the look of a website at that screen size.

24. Web Maker

Web Maker is ideal for developers who want to experiment with HTML, CSS, or Javascript elements even when they are not online.

chrome extensions for graphic designers

  • You can save and load your creations from anywhere, anytime.
  • Code autocompletion
  • Edit in CodePen.
  • Take a look at the preview screenshot.
  • Github Open Source.

25. Blue Button

Blue Button is the ultimate spy tool for DIY designers. It can be used to inspect the meta description, tags, and CSS of any website.

chrome extensions for graphic designers

  • One click to get a complete list of all the essential web design, graphics, and SEO elements.
  • Search SEO information like tags, meta description, and header information.
  • View a complete list of scripts and stylesheets that are used on this site.
  • You can see the site favicon , touch icon, and other images.
  • Find out which Google fonts you can load.

26. Flickr Tab

After installing Flickr Tab, every new Chrome tab will display a popular Flickr photo.

chrome extensions for graphic designers

  • Flickr community offers a wide range of high-quality images.
  • Flickr image access in one click.
  • Instant link to more photos by the user.

27. Google Art Project

When you are an artist, it can be difficult to find design inspiration. Every time you open a new Chrome tab, Google Art Project opens up an artistic masterpiece.

chrome extensions for graphic designers

  • Masterpieces from Van Gogh to Monet, to contemporary street artists.
  • Daily updates to artwork.
  • Each image can be linked to more information on the Google Cultural Institute website.

28. Wookmark

Wookmark allows users to create visual bookmarks that will keep them inspired and stimulate their creativity.

chrome extensions for graphic designers

How Wookmark works

  • Bookmark and save images from other websites easily.
  • Share your creativity with others by uploading it.
  • Create mood boards and user groups.
  • Photos can be shared and discussed with friends.

29. Muzli 2

Real-time inspiration for design, including photos, designs, UI/UX, and more, from all over the web.

chrome extensions for graphic designers

  • This replaces your default Chrome page with the most recent design, UI, and UX.
  • Features interactive news and photos from all over the web.
  • Integrates with Dribbble and Sidebar, Designer News, Sidebar and CSS Winner, The Next Web, and many other sites.

Designers are almost always looking for new ways, tricks, and of course, tools to help speed up and improve their workflow. These 29 best Chrome extensions for graphic designers create amazing images that will inspire you!

Track emails, email reminders & templates in Gmail for free

Upgrade Gmail with the features it’s missing

' src=

David Campbell

David Campbell is the editor of the Right Inbox blog. He is passionate about email productivity and getting more done in less time.

In this article

Related articles.

How to Schedule Emails Based on Your Recipient’s Time Zone

How to Schedule Emails Based on Your Recipient’s Time Zone

arrow forward

How to Send an Anonymous Email: The Complete Guide

How to End an Email & 75 Different Email Sign-Offs

How to End an Email & 75 Different Email Sign-Offs

Installs in 30 seconds — works with chrome, safari and firefox, start spending less time in your inbox.

U.S. flag

An official website of the United States government

Here’s how you know

Official websites use .gov A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS A lock ( Lock A locked padlock ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

#protect2024 Secure Our World Shields Up Report A Cyber Issue

Apple Released Security Updates for Safari and macOS

Apple released security updates to address a vulnerability (CVE-2024-1580) in Safari and macOS. A cyber threat actor could exploit this vulnerability to take control of an affected system. 

CISA encourages users and administrators to review the following advisories and apply the necessary updates: 

  • Safari 17.4.1
  • macOS Sonoma 14.4.1  
  • macOS Ventura 13.6.6

This product is provided subject to this  Notification  and this  Privacy & Use  policy.

Please share your thoughts

We recently updated our anonymous product survey ; we’d welcome your feedback.

Related Advisories

Cisco releases security updates for multiple products, cisa releases four industrial control systems advisories, cisa adds one known exploited vulnerability to catalog, cisa adds three known exploited vulnerabilities to catalog.

IMAGES

  1. Safari Extensions are now available in the Mac App Store

    safari extensions for designers

  2. The 15 Best Safari Extensions of 2021

    safari extensions for designers

  3. The 7 best free Safari extensions for the Mac

    safari extensions for designers

  4. 10 Best Safari Extensions for Web Designers & Developers

    safari extensions for designers

  5. 5 free Safari extensions for designers

    safari extensions for designers

  6. 10 Best Safari Extensions for Web Designers & Developers

    safari extensions for designers

VIDEO

  1. Ajouter des EXTENSIONS sur SAFARI (exemple : AD BLOCK)

  2. TextAid Readspeaker Safari Extension

  3. Safari Shortcuts in Mac

  4. Embark on a fashion safari and elevate your style with the untamed beauty of Halo Extensions! #hair

  5. Apple Vision Pro: How to View Installed Extensions in Safari Tutorial! (For Beginners)

  6. BEST Chrome Extensions for Designers! #graphicdesign

COMMENTS

  1. 5 free Safari extensions for designers

    02. Image Search. Developed by Midwinter Duncan Grant, Image Search provides quick and cleverly contextual access to Google Image Search. This Safari Extension empowers you to set image specifications regarding size, colour, category or file type; in addition, you can create five customisable preset searches.

  2. 10 Best Safari Extensions for Web Designers & Developers

    There are some great Safari extensions that can help designers increase their productivity, and create a better browsing experience. You can find all of these extensions in Apple's extensions gallery, but we've curated some of our favorites below. Whether you're wanting to improve your typeface recognition, understand what's powering a ...

  3. 10 Browser Extensions for Designers (and Non- Designers)

    4. Page Ruler Redux for Chrome. Page Ruler Redux is a go-to tool for designers and web developers when they need precise element measurements. All you have to do is drag the mouse along the selected area to measure the distance between elements. The tool will also give you accurate height and width in pixels.

  4. Top 5 Safari Extensions for designers and developers

    Top 5 must have Safari Extensions for designers and developers#Shorts #webextensions #extensions #safari

  5. How to use Safari Extensions in 2022

    Launch Settings on your device. Tap Safari. Under General, tap Extensions. Select the extension you want enabled and turn it on. Return to Safari on your iPhone or iPad, and tap the puzzle icon in ...

  6. 6 Best Safari Extensions For Developers (2024)

    Here are the 6 best Safari extensions for developers in 2024: CSS Scan. CSS Scan is the fastest and easiest way to check, copy, ... Easily make changes to any website's design and try your ideas in seconds with a visual editor that generates code for you. Say goodbye to coding and hello to speed, joy, and stunning designs in just a few clicks

  7. The 11 Best Safari Extensions for Improving Productivity

    1Password. It should go without saying that you should be using a password manager to keep the hundreds of logins you need to contend with strong, unique, and secure. 1Password puts all your save ...

  8. The 30 best Safari extensions

    AdBlock. A port of the popular Chrome extension, AdBlock does what its name says it does: It blocks most ads, both graphic and Flash-based, from being displayed. Plugin Customs. Plugin Customs ...

  9. Safari 15 on iOS for Web Designers

    Apple introduced iOS 15 with quite minor visual changes, but the biggest visual and conceptual change in the OS is probably Safari. It will get a brand new interface on iPhones, iPads and Macs. Let's go through everything new and design changes you need to know about. Niels Boey. ·.

  10. 10 Best Safari Extensions for Web Designers & Developers

    Apple's Safari web browser is beloved by many Apple and Mac enthusiasts. It's a solid alternative to Chrome (and often does a great job on the privacy and security front). There are some great Safari extensions that can help designers increase their productivity, and create a better browsing experience.

  11. Responsive Design Mode

    Overview. Responsive Design Mode lets you quickly preview how your webpage responds to changes in width and height, as well as differences in the pixel ratio of displays. Use Responsive Design Mode to ensure all visitors to your webpage get a great experience, no matter the size of their screen.

  12. Use Safari extensions

    To use an extension when browsing privately: Choose Safari > Settings. Click Extensions. Select the extension in the sidebar, then select "Allow in Private Browsing" on the right. Whether or not you're browsing privately, you can also restrict the extension's access to certain websites. Click the Edit Websites button to view the extension ...

  13. 10 Best Safari Extensions for iPhone and iPad

    1Blocker. 1Blocker is a handy ad-blocker extension. As the name suggests, it is aimed at blocking ads when you are surfing the web. Not just the ads, it also blocks annoying pop-ups and prevents ...

  14. Here are the best new Safari extensions to download for iOS 15 and

    Vidimote. Vidimote is a new Safari extension that allows you to control video playback from the toolbar. The extension lets you change the speed of videos, jump ahead, switch between PiP and ...

  15. Safari Extensions

    Web extensions. Extend the web-browsing experience by allowing Safari to read and modify web page content. Now supported in iOS 15 and iPadOS 15, Safari web extensions are available on all Apple devices that support Safari. These extensions are built with Xcode and can communicate and share data with native apps — so you can integrate app ...

  16. The 7 Best Safari Extensions for Mac Users

    2. Grammarly. Grammarly is a free writing assistant. It assists you with things like spelling, grammar, punctuation, and more to help you write error-free emails, social media posts, messages, and more. Grammarly's Safari extension works in the background as you type text to analyze it for mistakes.

  17. Top 7 Safari Web Extensions for Designers and Developers in 2024

    In the ever-evolving world of web design and development, efficiency and precision tools are not just a luxury, but a necessity. ... Top 7 Safari Web Extensions for Designers and Developers in 2024.

  18. The 11 best Safari extensions for improving your productivity

    1Password. It should go without saying that you should be using a password manager to keep the hundreds of logins you need to contend with strong, unique, and secure. 1Password puts all your save ...

  19. The 29 Best Chrome Extensions for Graphic Designers in 2024

    19. CSS-Shack. CSS-Shack is a Chrome extension that can be used on a desktop computer. It allows you to easily create mock-ups of apps and website designs. Features: Create layer styles. Export styles to CSS and store. Useful for creating and maintaining a web design guide. 20.

  20. 15 Best Safari Extensions for Mac Users

    Safari relies on its own selection of extensions available through the App Store. Grammarly, Bitwarden, AdBlock, Darker, Honey, and Save to Pocket are the must-have Safari extensions for Mac. In ...

  21. Safari Extension designs, themes, templates and downloadable ...

    Safari Extension. Inspirational designs, illustrations, and graphic elements from the world's best designers. Want more inspiration? Browse our search results ... Discover 14 Safari Extension designs on Dribbble. Your resource to discover and connect with designers worldwide.

  22. Top Chrome Browser Extensions for UX/UI Designers

    In this post, the ArcTouch design team members share their top 10 must-have Chrome browser extensions for UX/UI designers. While useful for product designers, they're also super helpful for engineering and QA. Muzli 2 for design inspiration. Every designer needs to be up-to-date on the latest digital trends. Most of us browse platforms such ...

  23. Creating a simple Safari App Extension in 10 minutes

    Open Xcode, click on " Create a new Xcode project " and then select " Safari Extension App " template under " macOS " tab. In the next screen enter project details i.e. Name, Bundle identifier etc. Make sure Type is set to " Safari App Extension " and Language is set to " Swift ". Click on next to create the project.

  24. Trees, Streets, and Sidewalks

    The best way to mitigate conflict with tree roots and pavement is to design a landscape with plenty of space for roots to establish. Species selection and planting site modification make a difference with landscape longevity. ... UF/IFAS Extension Orange County Florida Friendly Landscaping Agent, for sharing helpful resources and experiences ...

  25. Apple Released Security Updates for Safari and macOS

    Apple released security updates to address a vulnerability (CVE-2024-1580) in Safari and macOS. A cyber threat actor could exploit this vulnerability to take control of an affected system. CISA encourages users and administrators to review the following advisories and apply the necessary updates: Safari 17.4.1; macOS Sonoma 14.4.1

  26. MacOS Safari AuthPoint Password Manager Extension Local Code Injection

    The AuthPoint Password Manager extension for MacOS Safari versions before 1.0.6 has a local code injection vulnerability that could allow a local authenticated user to execute arbitrary commands under the context of the AuthPoint Password Manager extension. Affected. Versions before 1.0.6.