How to Design a Funnel Page With AI Image Tools (4-Step Workflow)

22d (edited) • Intro's & General Discussion

If you can describe what you want, you can design a funnel page.

When ChatGPT's v2 image model dropped a few months back, I started using it for social media images. Then I started using it for funnels. And somewhere in there the workflow clicked into something I actually use every single build now.

Here's what it looks like:

Step 1 is the prompt. Use Claude or ChatGPT to write the image generation prompt for you. Describe the feeling of your offer. What transformation it represents. What the page needs to make the visitor feel. Let the AI figure out how to say that visually.

Step 2 is the image. Paste that prompt into ChatGPT with the image tool active. First take is usually solid. Sometimes you need two or three passes. Either way, you've got a custom hero image built around your specific offer in minutes.

Step 3 is the isolation. Ask ChatGPT to give you a version with just the background.. subject removed. Most people skip this step. It's the one that makes everything else work.

Step 4 is the build. Hand both images to Claude Code or Codex in your IDE. The background becomes your full-width section. The isolated element layers over it. Your builder assembles the page around visuals designed for your offer.. instead of the other way around.

The pages come out looking like something a designer spent a day on.

The whole thing runs maybe 20 minutes once you've done it once.

🚀

- James

9 comments

How to Design a Funnel Page With AI Image Tools (4-Step Workflow)