Guide
Draw on the boards
In Sketches you draw what you want by hand, dictate over the drawing and, when you run, the AI turns it into screens. The board moves to Processed with the screens that came out of it.
Who can do this
- For
- Designers, Your team
- Role
- “Can review and comment” and up
- Plan
- All plans, including Free
- Where
- On a computer, On your phone (Bitácora Lite)
Drawing by hand is the fastest way to say how you want a screen. In Sketches you draw, dictate on top what each part means, and the AI turns it into screens when you run.
Open the sketches
In the project, click the Sketches tab. With an empty canvas, there's also Start with a sketch. There's always a blank board ready; + (New board) adds another one at the start of the row.
Draw
In the rail on the left:
| Tool | Key | What it's for |
|---|---|---|
| Pen | P | Draw strokes. With Shift, the line comes out straight |
| Fill pen | F | Fill a shape |
| Eraser | E | Tap or drag over a stroke and it's removed entirely |
| Lasso | L | Circle several strokes to move them; Delete removes them |
Below that you choose the color (or Another color) and the thickness. Ctrl+Z undoes.
- Frame: add the outline of a phone, a tablet, or a computer to draw inside it at its size. In this project shows the sizes your screens already use. You move the frame by dragging its size label.
- Images: paste one with Ctrl+V or drop it on top, for example a reference or a screenshot. With the lock on, it doesn't move while you draw.
- Zoom in: Ctrl and the mouse wheel, or pinch. Holding Space and dragging moves the sheet.
In the top right of each board you can switch it to dark, rotate it, copy it as an image, or delete it. To rename it, double-click its title.
Tell the AI what each thing is
The AI sees pending sketches even if they have no note, but it only knows what you want to do with them if you tell it. Dictate on top what each part means:
- Click the microphone at the bottom, Dictate a note on this board, or press R.
- While you talk, tap the drawing to point at a spot: it's marked with its number.
- Click Finish the recording.
You can also type the note with the Sketches tab open: it goes to the board in front of you. If a board has a drawing and no note, it says No notes: dictate one so the AI uses it.
Turn it into screens
Run the notes as usual (Run and review). The AI looks at the drawing and the points you marked. When the batch applies the changes, the board moves to Processed, with chips for the screens that came out of it.
If you want to keep working on it, open it and click Keep drawing: it goes back to the pending row and its screens stay recorded.
On your phone
In Bitácora Lite, the Sketches tab has one board per sheet with pencil, eraser, colors, undo, and adding an image. Whatever you dictate or type with a board open goes with it: the note carries the Sketch tag, the AI receives the drawing and, when it's applied, the board moves to Processed.
