Guides

Gemini Sketch-to-App Prompts: Turn a Drawing Into a Prototype

Our own prompts for Gemini's sketch-to-app flow: photograph a drawing, use Canvas, then refine layout, colors and features step by step.

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

  1. Draw on plain paper with dark pen, one screen per page.
  2. Label buttons and fields in words (“Add habit”, “Streak count”).
  3. 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.

stay in the loop

New guides, prompts and AI model news by email