Stop 12 · AI & Modern Design ToolsTopics · 5/7

Generative Design Basics

Part of the UI/UX Design Roadmap

In short

In generative design, you set the rules and the computer makes dozens of options that follow them. Your job shifts from drawing every option to choosing well.

AI systems that can generate multiple design variations automatically based on constraints you set — an emerging capability useful for rapid exploration, still requiring human curation and judgment.

The jaadu stands among many colourful kites, holding one up to choose it.

Think of it like this

The kite maker's rules

A kite maker sets the rules: this frame size, this paper, must fly in light wind. Within those rules, he makes fifty patterns. Some fly, some look great, a few do both. You pick the winners. Generative design works the same way.

Watch it happen

Filtering generated banner variations

V1
0
V2
1
V3
2
V4
3
V5
4
V6
5
V7
6
V8
7

1/4You set rules: brand colours only, headline under 6 words, logo top-left. The tool makes 8 variations.

The big ideas

What you need to know

You design the rules

Colours, grid, sizes and content limits are your inputs. Better rules mean better options.

Volume is the point

It shines when you need many versions, like banners in ten sizes or icons in a set style.

Curation is the skill

Most options will be average. Filtering fast and with clear criteria is the real work.

Test the finalists

Use A/B tests or quick user checks to choose between the best few, not your mood.

Save yourself the pain

Common mistakes

Oops

Generating 100 options without any rules, then feeling lost.

Do this instead

Write constraints first: brand, grid, sizes, accessibility. Rules turn chaos into useful options.

Oops

Picking the option you like best on looks alone.

Do this instead

Filter with written criteria like contrast, hierarchy and brand fit, then test the finalists.

Your mission

Rules, then pick

~30 min

Quick check

In generative design, what is the designer's most important input?

Go deeper

  1. 1Read a conceptual overview of how generative design tools produce multiple layout options.
  2. 2Learn the difference between generative design as exploration versus as a finished output.
  3. 3Understand this technology is evolving quickly — treat specific tools as illustrative, not final.

More topics at this stop

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download
InsideEdge