Google Opal tutorial

How to Use Google Opal: Build Your First AI Mini-App Step by Step

A complete Google Opal walkthrough rebuilt from a real beginner session — run a gallery template, remix its workflow, add steps with a prompt, debug a failed run, and build your own mini-app from scratch. Every step has a screenshot.

Google Opal in short

  • Google Opal is Google Labs' no-code builder: you describe mini-AI apps in plain language and it wires the steps together for you.
  • Start from the Gallery — open any template, press Start in the preview, and you have a working app in minutes.
  • Remix to customize: add steps by asking the AI in the prompt bar, swap the model per step, and debug failures via the red error banners and Console view.
  • Build from scratch with User Input, Generate, and Output steps; results can be a web page or a Google Doc, Sheet, or Slides file.

Opal Google Explained: How to Use Google Opal AI

Source video by:proflead9:16

Watch on YouTube

Screenshots come from the source video and are credited with timestamp deep links. The walkthrough text is our own, based on the full transcript — facts match the recording.

This illustrated guide summarizes the proflead video for readers who prefer text. The official Google for Developers tour "How to get started on Opal" was used to verify product facts, but its presenter camera keeps it out of the screenshots.

Build an app in Google Opal, step by step

  1. 1

    Open Opal and sign in

    Go to opal.google in your browser. The landing page invites you to start from scratch or explore the gallery — Try now takes you straight to the editor. You only need a Google account: sign in from the top-right corner, and Opal is free while it's in public beta.

    Opal landing page inviting you to start from scratch or explore the gallery of fanned template cards before your first Google Opal build
    The opal.google landing page: start from scratch or pick a gallery template.Watch at 1:02
  2. 2

    Tour the dashboard and Gallery

    After signing in you land on the dashboard. Your Opal apps lives under Create New, and the Gallery below holds ready-made mini-apps: Blog Post Writer, Book Recs, Business Profiler, City Builder, Learning with YouTube, Spelling Bee, and more. Think of Opal as an agent builder that chains Google's AI models into small apps.

    Google Opal dashboard after signing in, with the Create New tile and a Gallery grid of mini-apps like Blog Post Writer, Book Recs, and City Builder
    The Google Opal dashboard with the Gallery of remixable mini-app templates.Watch at 2:08
  3. 3

    Open a template to see how an app works

    Click any Gallery card to open it — this walkthrough uses Learning with YouTube, which turns a video into a quiz. The left side shows the app's structure: each card is one step, the same idea as nodes in make.com or n8n. The right side shows a live preview of the app.

    Learning with YouTube template open in the Google Opal editor with its step canvas on the left and the live app preview beside it
    Learning with YouTube open in the editor: step cards on the left, preview on the right.Watch at 2:14
  4. 4

    Run the template from the preview

    Press Start in the preview panel — or open it full screen. This app asks for a YouTube URL: paste one and hit enter. Depending on complexity, a run can take five to ten minutes while each step completes in order.

    Google Opal preview asking to enter the YouTube video URL right after pressing Start in the Learning with YouTube Remix app
    The app preview prompting for a YouTube URL once the run starts.Watch at 3:18
  5. 5

    Read the generated report

    The output arrives as a web page. For this run, Opal produced an Educational Report on an Agent Development Kit tutorial — a summary with key concepts, installation commands, and code snippets pulled from the video transcript.

    Educational Report generated by Google Opal from a YouTube video, summarizing Agent Development Kit setup steps with pip install commands
    The Educational Report tab generated from the video transcript.Watch at 3:28
  6. 6

    Take the generated quiz

    Switch to the Interactive Quiz tab and the same video becomes answerable questions — pick an option, get instant feedback, and move through the deck with Previous and Next. One pasted URL produced both the report and the quiz.

    Interactive Quiz tab of a Google Opal learning app showing question 3 of 8 with the answer about agent backend selection checked as correct
    Question 3 of 8 in the quiz generated from the video.Watch at 3:44
  7. 7

    Remix a template to make it yours

    Open another template — Blog Post Writer has six steps from Get Topic to Display Blog Post — and click the Remix button at the top right. Remixing creates a copy you can edit: adjust steps, change models, rewrite instructions.

    Blog Post Writer workflow in Google Opal with six connected step cards from Get Topic to Display Blog Post before clicking the Remix button
    Blog Post Writer's six step cards, ready to be remixed.Watch at 4:10
  8. 8

    Add steps by asking the AI

    The fastest way to extend a workflow is the prompt bar under the canvas. Typing "add a video generation" made Opal append Generate Video Instruction and Generate Video Clip steps in about twenty seconds — no manual wiring needed.

    Google Opal prompt bar with an add a video generation request that appended Generate Video Instruction and Generate Video Clip steps to the workflow
    The prompt bar asking Opal to add a video generation step.Watch at 4:58
  9. 9

    Pick the model for each step

    Select any card and the right panel opens its settings. The model dropdown lists Gemini 2.5 Flash and Pro, Deep Research, image models like Nano Banana, Veo for video, and Lyria 2 for audio — test which one behaves best for that step.

    Model dropdown open on the Do Research step in Google Opal listing Gemini 2.5 Flash, Gemini 2.5 Pro, Veo, Lyria 2, and the Nano Banana image model
    The model dropdown on the Do Research step, from Gemini to Veo and Lyria.Watch at 6:02
  10. 10

    Rewrite the instruction when output goes wrong

    When a step produces something unusable, edit its Prompt field. In the video, a video-generation step kept failing until the instruction gained explicit IMPORTANT rules keeping people out of generated clips — the same fix works everywhere: steer the model with plainer, stricter wording.

    Generate Video Instruction panel in Google Opal with a rewritten prompt and IMPORTANT rules that keep model output inside content policy limits
    The edited Generate Video Instruction prompt with its IMPORTANT rules.Watch at 7:10
  11. 11

    Debug failures with the error banner

    Failures are visible, not silent. A failing step shows a red banner in its panel — here image generation hit its limited free quota. The Console view runs steps one by one so you can see exactly where the app breaks before you fix anything.

    Generate Banner step in Google Opal showing the Image generation has limited free quota banner that explains why the app run stopped
    The quota banner on Generate Banner explaining why the step failed.Watch at 7:32
  12. 12

    Find your copies on the dashboard

    Every remixed app is saved to Your Opal apps — Blog Post Writer Remix now sits next to Learning with YouTube Remix. Nothing you edit overwrites Google's original template.

    Your Opal apps section on the Google Opal dashboard holding the Blog Post Writer Remix and Learning with YouTube Remix cards after editing
    The dashboard now listing both remixed apps under Your Opal apps.Watch at 7:36
  13. 13

    Start your own app from scratch

    Click Create New and you get a blank canvas. Add your first step from the top menu — User Input is the usual opener, collecting whatever the app should work from: a topic, a URL, a question.

    Blank Untitled Opal app canvas in Google Opal with a single User Input node placed as the first step of a brand new workflow
    A new Untitled app with its first User Input node on the canvas.Watch at 7:56
  14. 14

    Chain steps and add an output

    Add Generate steps for text, images, or video, with tools like web search or code execution on any step. Drag from one card to the next so each output feeds the next input, then finish with an Output step — a web page here, or a Google Doc, Sheet, or Slides file.

    New Google Opal workflow chaining User Input into two Generate steps and an Output node so each card feeds its result to the next one
    User Input chained into two Generate steps and an Output node.Watch at 8:40
  15. 15

    Run it and collect the page

    Give the app a topic through its User Input step and let it run. The finished workflow rendered a written piece as a styled web page — the same way every Opal app turns one input into a finished artifact you can share.

    Finished Google Opal run rendering a Google ADK explainer as a styled web page produced by the from-scratch workflow
    The web page the from-scratch workflow generated about Google's ADK.Watch at 9:06

Google Opal FAQ

Keep exploring