how to navigate

→ or spacenext slide
previous slide
Esctoggle grid view
all slides / press Esc to return
=)
port
my problem when using AI is:
it fills in the gaps for me
it converges and crystalises too soon
it removes meaningful friction
Demo 1 how do I prevent AI from filling in the gaps?
a watercolour painting of a rainy day on the beach
a watercolour painting of a rainy day on the beach

Prompting AI with an idea feels like describing a fuzzydream …

AI Crystalises my fuzzy dream into an artefact, filling gaps with what it deems statistically likely

I used to be an architect
collaborative drawings
demo 1
prompt
watercolour rainy day on the beach
a watercolour painting of a rainy day on the beach
output
final watercolour output generated from the long prompt
A long sweep of golden sand on a rainy beach stretches from the lower left into the distance, its surface darkened and glossy where the rain has soaked it, catching faint reflections of the overcast sky. Moody, heavy clouds fill the upper two-thirds of the frame — layered banks of pewter grey and bruised violet pressing low over the horizon, their edges diffused and waterlogged. The ocean occupies the right half, rolling in with teal-green waves capped by churning white foam, the water dense and agitated under the grey light. The composition is wide and panoramic, shot from a low standing perspective looking along the shoreline, with the wet sand in the foreground tapering toward distant headlands and faint coastal buildings barely visible through a veil of rain. Light is flat and diffuse, filtered through the cloud layer, giving everything a soft silvery cast except for the warm golden hue of the sand, which glows subtly even under the overcast conditions — pale gold, warm ochre, slate grey, muted teal, cream white, and cool violet dominate the palette. Fine rain falls visibly in the mid-distance, slightly hazing the headlands and softening edges. The air feels humid and thick, carrying the weight of an approaching squall. Textures range from the granular gleam of wet sand to the frothy churn of breaking surf to the smooth, heavy mass of cloud. The mood is contemplative and quietly melancholic — the beauty of solitude on an empty beach in the rain. Rendered in loose traditional watercolour, wet-on-wet washes bleeding softly in the sky and sea, drier brushwork and granulated pigment on the sand, with the white of the paper intentionally left exposed in the foam and highlights — edges that bloom rather than sharpen, in the tradition of plein-air studies.
the current way
a better way
write prompt ··· wait ··· image NOT WHAT I MEANT see draw speak fuzzy idea final image from dialogue

how do I prevent AI from filling in the gaps?

by filling them yourself

with interfaces that allow for dialogue

and leave rich traces

how do I prevent AI from filling in the gaps?

by filling them yourself

with interfaces that allow for dialogue

and leave rich traces

Demo 2 how do I prevent premature convergence?

Coding got really fast with AI

design didn't really speed up

and so I guess I'm just gonna
start prompting from the CLI?

the problem with CLI tools is …
IDEA prompt prompt prompt prompt
Figmas spatial canvas was great for exploration
IDEA
Can image models understand code?
image model output showing code
linear homepage original
original
linear variation — feature grid linear variation — split roadmap linear variation — centered
variations made with image models
Paper, layers, Canvas
paper prototyping sketches
Photoshop workspace showing many mobile screen compositions laid out across a dark canvas
Figma canvas with annotations
why not images?
Animated view of a desk setup with paper, tools, and a phone beside a blank drawing canvas
demo 2
currently manic user typing a long prompt into claude code sweaty speedrunner reaction
a better way canvas annotation and drawing demo picking flowers animation

how do I prevent premature convergence?

Animated exploration sequence

by holding ideas in space

where you can Explore, convey and articulate

and stay open

how do I prevent premature convergence?

Animated exploration sequence

by holding ideas in space

where you can Explore, convey and articulate

and stay open

Demo 3 what other ways can we generate images with AI?
Geoffrey Bawa
Geoffrey Bawa architectural sketches
Tropical modernism
tropical modernism 1 tropical modernism 2 tropical modernism 3

how can I give AI tools?

can something new come from it?

p5.js + brush library
p5.js editor showing brush library code

LLMs are great at code.

libraries can act as opinionated tools.

code is the medium, libraries act as tools.

nano banana
pink hibiscus watercolour — nano banana
Gemini 3 Flash + p5.js + brush library
yellow and red hibiscus painting
progression
step 1
step 2
step 3
best picks from vibe RL training
model trained Qwen/Qwen3.5-35B-A3B

this is interesting to me because…

because image models give us
photographs of a finished dish

opinionated tools give us
the recipe that made it

with recipes
we can cook too!

yellow and red hibiscus painting
sketch.js
async function setup() {
  createCanvas(600, 600, WEBGL);
  angleMode(DEGREES);
  brush.scaleBrushes(3);
}

function draw() {
  translate(-width / 2, -height / 2);
  randomSeed(1024);
  // Dark, moody background to pop the yellow
  background("#0a0d08");
  brush.fill("#121a0f", 200);
  …
}

this is interesting to me because…

because image models give us
photographs of a finished dish

opinionated tools give us
the recipe that made it

with recipes
we can cook too!

yellow and red hibiscus painting
sketch.js
async function setup() {
  createCanvas(600, 600, WEBGL);
  angleMode(DEGREES);
  brush.scaleBrushes(3);
}

function draw() {
  translate(-width / 2, -height / 2);
  randomSeed(1024);
  // Dark, moody background to pop the yellow
  background("#0a0d08");
  brush.fill("#121a0f", 200);
  …
}
what does the work ahead look like?

We need interfaces that

tl;dr

What entirely new things become possible with AI, beyond just making existing work faster?

thank you
@kickingkeys
Surya N
surya.website
01 / 22