While using Midjourney to generate funny images of cats and superheroes can be kinda fun, how to you actually use it to improve your efficiency and creativity in work? That’s what we’re tackling in this series on practical Midjourney.
One of the reasons people are so excited about Midjourney is how many real world tasks it can accomplish: it can do graphic design, illustration, game design and web design. Just check out this list of awesome Midjourney styles.
Designers can incorporate Midjourney into their design process in a number of ways:
- Inspire your visual brand
- Generate your logo
- Create marketing illustrations
- Mockup web designs
We’re going to be focusing on the last one.
While Midjourney doesn’t generate finished web designs (vector graphics that can be scaled to any resolution and passed onto web developers), you can
I’ll talk about some prompts that produce wonderful results consistently, as well as tools you can use to translate these into actual web design.
Getting started
Start your prompt with “web design for...
” or “modern web design for..
.” and then go from there. Describe your business or brand.
Keep it simple; you might be surprised at how far you can get with simple prompts.

web design for a generic SaaS startup --ar 3:2
Negative Prompting
Use “--no
” in your prompts. This is a very powerful command that people don’t use nearly enough.
--no
tells Midjourney what you don’t want. Anything typed after --no
will not appear in your image. This is called a negative prompt.
Midjourney’s default style leans towards ‘realistic and detailed’. But that may not fit your brand.
For example, if you are a more tech-oriented brand, you’re likely going to want simpler graphics and illustrations, as these have become the hallmarks of modern brands.

web design for a flight discount service

web design for a flight discount service --no shading realism photo details
Left: Midjourney’s default style, lots of details and shading. Right: same prompt, but with a negative prompt so Midjourney does not lean on its default!
Aspect Ratio
Use “--ar 3:2
” if you are creating web designs. This command sets a 3:2 aspect ratio, which will push your results look more like ‘web designs’.
Compare these results that use the same prompt but different aspect ratios. The square compositions look more like infographics. When the aspect ratio is increased, the content of the image changes.

web design for a plant database, minimal vector flat --no photo detail realistic

web design for a plant database, minimal vector flat --no photo detail realistic --ar 3:2

web design for a plant database, minimal vector flat --no photo detail realistic

web design for a plant database, minimal vector flat --no photo detail realistic --ar 3:2
Use “–ar 2:3” if you are creating designs for mobile websites or apps.
To frame or not to frame?
You’ll notice that Midjourney will sometimes randomly show the design inside a device. If you want this, you can be more explicit:
Show with laptop/desktop

web design for a hotel website --no shading realism details --seed 1024912

web design for a hotel website macbook m1 mockup --no shading realism details --seed 1024912
Design only
If you don’t to show your designs in a device or browser window and only want the design itself, you can be explicit about this too:

web design for a flight discount service --no shading realism photo details --seed 1024912

web design for a flight discount service --no shading realism photo details device computer window --seed 1024912
Note: In these images, I’m using the --seed
command to make my comparisons more consistent with each other.
Thank you Yubin for the share.
Hey Jesse, thanks for reading!
nice site bro. much helpful.
Thanks Jason!