Graphic designers usually don't code. I did. Here are 8 free tools I built for the Maker community

Hey Product Hunt community! 👋

I’m Adeline, a freelance graphic designer specialized in UI/branding for Tech & SaaS startups.

Over the years, I noticed a huge friction point between designers and developers. Most designers stop at Photoshop, leaving devs to deal with real-world technical constraints: failing WCAG contrasts, heavy SVGs, and logos that become a blurry mess as a 16x16px favicon.

I wanted to bridge this gap. So, I learned to code and built HakoTools—a digital toolbox created to save hours for makers, developers, and designers.

It’s a suite of 8 essential web design tools, 100% free, with no ads and no paywall.

Here are a few things you can do with it:

• ♿ HakoWCAG: Instantly check AA/AAA accessibility contrasts.

• 🔍 HakoFavicon: Simulate your logo's readability across all devices (from 16px tabs to 64px app icons).

• 🎨 HakoPattern: Generate lightweight, modern CSS/SVG backgrounds (like Vercel or Stripe) without heavy images.

• 🅰️ HakoTypo: A real-time typography studio with 600+ Google Fonts.

I recently listed HakoTools on the PH directory, and I’d love for this community to tear it apart, test it, and share feedback!

I have a question for the makers here: What is the most frustrating design-to-development handoff issue you face when building a new product?

Let’s discuss! 👇