Create
9 screens




Steps 1–4 of 9, in recording order
Open flowOpen Draw from the image tab's add menu, sketch on the canvas, adjust brush and colour, describe the image, wait while it generates, then open the finished image full screen.
GrokiOS9 steps

Step 1 of 9
Imagine 6
How you get here: Changes in place
Open the SuperDuper UI plugin in Figma to paste these 9 screens into your file as editable layers.
All 9 steps
Use ← → to step through
Each screen in the order it was recorded, with how the user got there.

Tap add in prompt bar
Imagine 6
Changes in place

Close camera, reopen add, tap Draw
Imagine 8
Opens full screen

Draw a sketch
Imagine 9
Changes in place

Tap the brush tool
Imagine 10
Changes in place

Tap the colour tool
Imagine 11
Changes in place

Tap the send arrow
Imagine 12
Changes in place

Submit the prompt
Imagine 13
Changes in place

Generation finishes
Imagine 14
Changes in place

Tap the finished image
Imagine 15
Slides in from the right
Not affiliated with, endorsed or sponsored by Grok. Grok is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us
9 screens




Steps 1–4 of 9, in recording order
Open flow9 screens




Steps 1–4 of 9, in recording order
Open flowAll of WhatsApp, and a complete flow from every app. No card needed.