How We Create Hand-Drawn Diagrams for Articles

If you’ve read any of our recent articles at BlitzMetrics, you’ve probably noticed the clean, hand-drawn style diagrams we’ve been using. The ones in our You Got Featured article showing how our DR 62 “Best Link” passes do-follow link juice to your site are a good example.

These aren’t made by a graphic designer. My team and I generate them using AI image tools by feeding a reference image and detailed context to get consistent, professional-looking results every time.

Here’s exactly how we do it.

Task checklist

Information that you will need:

• One reference diagram that represents the visual style you want all future diagrams to match.
• The specific text labels, data points, or categories that should appear in the new diagram.
• The layout structure you want, such as triangle, diamond, linear flow, or cycle.
• Any color preferences for underlines, accents, or highlighted sections.

Tools that you will need:

• An AI platform that supports image-to-image generation such as ChatGPT with DALL-E, Claude, Perplexity, or Midjourney.
• Access to upload your reference image alongside your written context.
• A way to download the generated image for use in your article or post.

Start with a reference image

The key to consistency is having one diagram you already like. Ours is a simple strategy framework with boxes connected by arrows, hand-drawn marker-style font, a light gray background blob, and colored underlines.

This reference image tells the AI “make it look like this.” It becomes your style anchor so every future diagram matches.

Give the AI detailed context

The context you provide is where the magic happens. You need to describe the layout, including how many boxes there are and how they’re arranged, whether that’s a triangle, diamond, or linear flow. You include the exact text labels inside each box. You add style cues like “hand-drawn marker style font” and “clean minimalist” and “white background” and “colored underlines.” And you specify color coding so the AI knows which elements get blue, coral, tan, or green accents.

For example, when we needed a Goals-Content-Targeting (GCT) diagram for Eddie Lee of Synergy Marketing Technology, we described three boxes in a triangle with “GOALS” in the center, specific metric labels in each box, and curved arrows connecting them all.

Use image-to-image generation

Instead of generating from scratch, we use image-to-image generation, uploading our reference diagram alongside the context. This anchors the AI to our existing style so every new diagram feels like it belongs in the same family.

Tools that support this include ChatGPT with DALL-E, Claude, Perplexity, Midjourney, and most other AI platforms that accept a reference image plus written context. The key is that you’re not starting from zero. You’re telling the AI “here’s my style, now make a new one with this content.”

Keep it consistent across articles

We reuse the same reference image for every diagram we generate. That’s the secret to making them all look cohesive across dozens of articles and client deliverables.

I have my team use this approach for GCT diagrams in client strategy assessments covering Goals, Content, and Targeting. We use it for Tech Stack diagrams showing a client’s marketing infrastructure.

We use it for link building diagrams explaining how DR 62 “Best Links” pass authority to your domain.

The style stays the same. Only the content changes.

Why this matters for SEO

A site might have thousands of backlinks, but only a handful of “Best Links,” which are the ones Ahrefs flags as carrying the most authority. When BlitzMetrics at DR 62 links to your site with a do-follow link, that’s not just another backlink. It’s one of the most valuable links pointing to your domain.

Diagrams like these help explain complex concepts visually, which improves time on page because readers engage longer with visual content. They improve shareability because diagrams get screenshotted and shared. And they improve comprehension because a picture is worth a thousand words of SEO jargon.

Try it yourself

Find or create one diagram you like as your reference style. Describe your new diagram in detail, covering layout, labels, colors, and style. Use an AI image tool with image-to-image generation. Reuse the same reference image every time for consistency.

That’s it. No design skills needed. No Canva templates. Just a clear reference image and good context.

Verification checklist

• Confirm that the generated diagram matches the visual style of your reference image, including font style, layout structure, and background elements.
• Check that all text labels are accurate and spelled correctly since AI can sometimes alter or misspell words,
• Verify the color coding is consistent with your brand or the color scheme you specified.
• Make sure the arrows or connectors flow in the correct direction and connect the right elements.
• Compare the new diagram side by side with previous diagrams to ensure visual consistency across your articles,
• Confirm the image resolution is high enough for web publishing, ideally at least 1200px wide.
• Test that the diagram is legible at the size it will appear in the article.
• Save the reference image you used so you can reuse it for future diagrams.