Articles
This hub collects step-by-step guides for the whiteboard on issac.store. Each article solves one job: sketching a UI for an AI agent, cleaning strokes with QuickShape, choosing 2D vs 3D, attaching a PNG, blocking out a character, avoiding wireframe mistakes, editing selections, or checking an export before you send it.
How to use these guides
- Pick the article that matches the task you have today.
- Open the whiteboard in another tab and follow the steps while you draw.
- When the sketch is ready, download a PNG and continue in your AI or design chat.
These pages are written for Memo Whiteboard’s real controls (QuickShape hold, edge double-click, right-drag marquee, 3D W/E/R gizmos). They are not generic design theory copied from elsewhere.
Start here by goal
- Building a screen with AI — Sketch a UI, then attach the PNG.
- Messy wireframes — QuickShape and common mistakes.
- Characters / props — Pick 3D, then block out.
- Editing speed — Select & copy and export checklist.
All articles
-
How to sketch a UI for AI coding agents
Outer frame, regions, labels, export, and a prompt that matches the sketch.
-
QuickShape explained with examples
When to hold for a snap, worked card-grid and flow examples.
-
2D vs 3D whiteboard: when to use which
Decision rules for flat UI work versus spatial massing.
-
How to attach a sketch to AI tools
Download vs screenshot, prompt template, revision loop.
-
Block out a 3D character for better prompts
Primitive massing, camera angle, and what to write with the PNG.
-
Wireframe mistakes that confuse AI coding agents
Hierarchy, empty labels, conflicting prompts, and clutter.
-
Select, move, and copy strokes in 2D
Edge hit targets, marquee selection, clipboard shortcuts.
-
PNG export checklist before you attach
Clarity checks so the model can read your brief.
Also useful
User guide — full control list for 2D and 3D.
FAQ — accounts, saving, mobile, ads.
About — who runs issac.store and what the
product is not.