Summary of video
This tutorial, led by Maurice Sai, shows how to make clear, consistent UX storyboards quickly with AI tools like Bing Image Creator and DALL·E. He explains how to craft precise prompts, keep characters and styles consistent, and handle common AI limitations such as incorrect text rendering or awkward interactions. By following his two-part template and workflow tips, you can reduce hours of trial and error to just minutes of production time.
Intro to Shai
With Shai’s AI Storyboard Generator, you can instantly transform scripts, UX flows, or product concepts into coherent, consistent storyboards. Shai ensures your style, characters, and framing stay aligned across all frames—removing the frustration of mismatched AI images—and giving you shareable results in minutes.
it’s easier than ever to create UX storyboards using free AI tools like Bing Image Creator and DALL·E.
If you use them right, these UX storyboards can save you massive amounts of time.
A UX storyboard is a lot like the storyboards filmmakers or animators use, but instead of visualizing shots and action, a UX storyboard visualizes how a customer might use your product in their everyday life.
Tools like ChatGPT and MidJourney let you create images by typing in a description of what you want—but the trick is to figure out exactly the right prompt to get the results you want.
If you’ve tried it, you know this can be frustrating and involve lots of trial and error.
Today you’re going to save hours of time experimenting. Here’s Maurice Sai, Product Designer at Geocaching, with some hot storyboarding tips.
My name is Maurice, I’m a staff designer at Geocaching HQ. I joined the Game Thinking group a couple of years ago, did a project with them, and it completely transformed the way I see and do products.
I learned how great storyboarding is—especially to get stakeholder feedback earlier in the process.
One reason I like being a UX designer is I don’t have to illustrate things. But now—oh no—I do have to illustrate things, and I’m not a great illustrator.
Thank goodness AI storyboarding tools came along.
Geocaching is a very real-world product, so context is important. I have to show people doing things out in the real world, not just on their screens.
Let me tell you how to draw a storyboard in 10 minutes with AI.
I used DALL·E to make this in 10 minutes—however, it took me three hours to master the tool. I made this presentation so you don’t have to spend those three hours.
Here’s the tool: Bing Image Creator. It produces images from natural language prompts.
You type in a text prompt, and it generates four options you can copy, download, or save.
Seems simple—just type in each part of your story and it will make a storyboard for you. But it’s trickier than that.
Challenge #1: Telling a coherent story.
If you don’t give Bing clear guidelines, the styles and characters will be inconsistent.
Example: a geocaching story—someone goes outside, looks for a hidden cache, finds it—but the images have three different styles and characters, so it doesn’t feel cohesive.
Solution: Use a template.
I spent three hours perfecting this template, but once I had it, I could make things in 10 minutes.
The template has two parts:
Part 1 – Elements that stay consistent across all frames:
-
Who are the characters?
-
What’s the art style?
Always put this at the start of your prompt—if you put it at the end, Bing may ignore it.
Example:
Black and white line drawing storyboard of a woman with short black hair wearing a beanie in nature in front of bushes looking at her phone with a smile on her face.
Why it works: The phrase “black and white line drawing storyboard” consistently returns the right art style. Even small changes mess it up, making it too sketchy or photo-like.
Also, define characters with distinct features—hair color, clothing, accessories—rather than vague descriptions like “25-year-old woman.”
Part 2 – Elements that change frame to frame:
-
Context (real-world setting)
-
Actions
-
Expressions (without emotion words like “happy” or “sad”)
Instead of “happy,” describe the expression—e.g., “smiling softly.” Emotion words make AI exaggerate unnaturally.
If Bing doesn’t give you the angle you want, add it to the start of the prompt:
Examples: “full body,” “half body,” “shot from below,” “extreme close-up.”
Challenge #2: Drawing interactions.
Showing a user interacting with UI in Bing is tough—hands may be misplaced or inside devices, and text is often misspelled.
Solution:
-
Generate the base image (e.g., hand holding phone with a map).
-
Import it into Miro.
-
Draw buttons and text manually with the pen tool.
Pro tip: Save your favorite generations to your Bing collection so you can rerun the exact prompts. Bing only stores the last 20 frames you made.
You can try Bing Image Creator at bing.com/create.
AI tools evolve quickly—some of these tips may change, so we’ve made a cheat sheet with current recommendations for storyboard prompts.