Reza + Wondo · Designing with AI

The Last 20%

AI gives us a first pass. The last 20% comes from working on the thing itself.

01Who we are
RezaDesign engineer
WondoProduct designer

We work in production code, so what we design is already the real product.

02How we work

We understand the work first. Then we decide what the model should do.

01
FrameStart with the problem and the decision we need to make.
02
Talk it throughGive the agent context and let it question our assumptions.
03
Build earlyGet into working code while the idea is still taking shape.
04
Work on itMove the live UI instead of describing every change.
05
Make the callThe agent spots things. We decide what is good.
06
Ship itRead the diff, open the PR, and merge when it holds up.

When a tool gets in the way, we make a better one. Decisions we keep making become shared skills + standards.

03What we believe
A prompt gets us started.

It can point towards an answer. It cannot judge the result for us.

Good work needs hands-on control.

We need to move things, compare them, and see what changed.

We build the tools we need.

If the workflow fights the work, we change the workflow.

Four demos.
One argument.
Island builder3D world
Logo labDirect manipulation
HarnessSafe design in code
HandmadeThe culmination
How we built the examples

Working directly
with the material.

We use prompts to get moving. Then we need to touch the work: round a coastline, move a panel, compare versions, and see what changed.

01 · 3D world

Used in project
1
Ask AI for a first scene

We use references and a rough direction to get the first Three.js world on screen.

2
Edit the island itself

We round the coastline by hand, raise the mountain, soften the light, and bring the greens closer together.

3
Look, adjust, repeat

The mood changes in front of us. We stop when the world feels right.

Now we control the island's shape, height, light, and colour.

02 · UI canvas

Exploration model
Make this bigger ↓
1
Make a few versions

Duplicate the live UI up to four times and keep the options next to each other.

2
Point at the thing

Select the element and leave a familiar note: "make this bigger" or "change this colour."

3
Compare before committing

Fix the spacing, shadows, hierarchy, and layout, then send the chosen edits to the agent.

The designer can see the options and make the call.