If you’re DIYing your website, I don’t have to tell you how many tabs, tools, and random Google searches are involved. 🙃 It can get overwhelming fast. But over the years, I’ve found a handful of browser plugins that make the process so much easier.
These are the tools I use almost daily when building or updating websites—whether I’m pulling copy from an old site, checking how things look on mobile, or making sure my design stays on brand. And the best part? Most of them are free or super affordable.
One of the biggest mistakes I see with DIY websites? Inconsistent colors. If you’re constantly digging around in old Canva files or notes to find your hex codes, Color Buddy will change your life.
It keeps your full brand color palette handy no matter where you are online, so you can easily copy and paste your colors into Showit, Canva, or wherever you’re working. This one helps you stay consistent, on-brand, and saves you a ton of time hunting down codes.
Redesigning your site and want to reuse some of the content from your current one? Don’t spend hours copy-pasting paragraph by paragraph.
This plugin lets you pull all the text off any webpage in one go. I love using it to grab old site copy, then running that text through Website Writer AI to help me edit, refresh, and rewrite it into something that actually sounds like me (and sells).
Ever visit someone’s website and think, “I NEED to know what font that is”? Same. Fonts Ninja lets you hover over any text on any site and instantly see the name of the font.
It’s great if you’re gathering inspiration or trying to match a vibe you love—without bugging your designer friends to figure it out for you.
I know SEO can feel like a lot, but if you want your website to show up on Google, there are a few basics you definitely want to get right.
SEO Minion is an all-in-one tool that can:
This one does require a paid Keywords Everywhere plan, but if SEO is something you want to take seriously, it’s a great investment to help you check your work as you go.
Want to show off your new site on Instagram, TikTok, or your portfolio? Scroll Capture records smooth, professional-looking scroll videos of any webpage.
These are perfect for launch graphics, behind-the-scenes posts, or just showing off your hard work. (It can also take a full-page screenshot if you want to share before-and-afters or mockups!)
One of the biggest mistakes I see DIYers make is only designing for desktop. But most of your visitors? They’re looking at your site on their phone.
These plugins let you instantly preview how your site looks at different screen sizes, all without leaving your browser. Test out mobile, tablet, small laptops, and more to make sure everything looks as good on the go as it does on your big screen.
If you’ve heard me talk about website strategy, you know that your headings (those H1, H2, H3 tags) are really important—for both SEO and making your site easy to skim.
HeadingsMap shows you exactly what headings are on the page and in what order. It helps you make sure your content flows, you’re only using one H1, and your hierarchy makes sense. (No more random bolded text pretending to be headings!)
When you’re doing it all yourself, little helpers like these make a huge difference. They save you time, help you avoid mistakes, and give you the confidence to create something that not only looks good but works.
And hey, if you’re ready for even more support in getting your website built the right way—with the strategy, copy, and design all working together—you’d love Brand Base Camp. It’s my step-by-step program to help you create a website you’re actually excited to share, without the overwhelm.
View comments
+ Leave a comment