A design tool you talk to.
A launch film for Wonder, an AI design tool. A violet cursor draws, types and edits its way across a canvas — “@Wonder” turns a prompt into screens, then into a design system — and the film ends on “It’s time to wonder.”
My role: 3D motion designer
The cursor is the main character.
Everything happens through one violet cursor: it sketches a path, calls Wonder, generates screens, tweaks a gradient and builds components. These are the lines on screen.
- “@Wonder”
- “Wondering…”
- “What would you like to design?”
- “@Wonder build components from this design”
- “It’s time to wonder.”
A white canvas, and one violet hand.
The interface lives on white and near-black. Violet belongs to Wonder alone — the cursor, selections, the mention — with a soft pink haze around anything the AI is making.
#fcfcfdThe design canvas#171a1eDark screens and text#f3ebf5The AI’s glow#e0c1d5Generating states#c43cf8Cursor, selections, @Wonder#e66d43A warm note in the generated designsReal interface, set in motion.
Running screens, a payments list, the properties panel, the design system — all animated inside one canvas.
Four frames that carry the film.
What each of them had to do.
Selections and typing move the film.
Cuts happen on what a designer actually does — select, drag, type — so the film feels like working in the tool.