Google’s how-to for sketch-to-app says to upload a photo of your sketch, select the Canvas tool, ask Gemini to code the app, then refine it in the preview. These prompts are our own. Treat the result as a prototype, not finished software.
Related: building location apps? See how to prompt AI Studio for map apps.
Prepare the sketch
- Draw on plain paper with dark pen, one screen per page.
- Label buttons and fields in words (“Add habit”, “Streak count”).
- Take a flat, well-lit photo.
First prompt
Can you code this app? It is a habit tracker. The sketch shows a list of habits, a checkbox for each day of the week and an "Add habit" button at the bottom. Keep the layout as drawn and make it work in the preview.
Refine one thing at a time
Change the color scheme to deep green and cream, and use a rounded font.
Add a streak counter next to each habit that goes up when I check today's box.
Game board
Turn this sketch into a simple two-player tic-tac-toe game. Show whose turn it is and add a reset button.
Checklist
- Click every button in the preview.
- Ask Gemini to list anything it assumed that the sketch did not show.
- Do not enter real personal data into a prototype.
Related: Gemini file prompts and the Gemini page.
Contribute your creativity