Opal Tutorial: Building AI Workflows with Google's Visual Editor

Introduction to Opal

• 💡 Opal is a no-code mini-app builder designed to automate workflows and create mini-apps.
• 📌 Users can start by exploring the gallery for examples and inspiration, or by creating a new app from scratch.

Creating a Meal Planning App

• 🎯 An example app is demonstrated to create a weekly meal plan based on the number of people and cooking frequency.
• 🛠️ The app utilizes a visual editor where the logic and steps of the workflow are laid out.

Visual Editor Components

• 🟡 User input blocks allow for gathering information from the user, such as the number of people or cooking frequency.
• 🤖 Generate steps leverage AI models, like Gemini 2.5 Flash, to process prompts and generate outputs.
• 📄 The final output step displays the results of the app, which can be previewed or viewed in an immersive mode.

Customization and Sharing

• 🎨 The theme section allows for customization of the cover image, either by generating one or uploading a custom image.
• 🔗 Apps can be published to share a link that allows others to access and run the Opal.
• 📤 Sharing outputs can be done by copying a shareable URL for the specific output generated.

Advanced Features and Editing

• ✍️ Edits can be made using natural language to add new inputs or modify existing steps.
• 🖼️ New steps, such as generating images using models like NanoBanana, can be added to the workflow.
• 📚 Version history, title/description editing, undo/redo controls, and canvas centering are available features.
• 📎 Adding assets allows for referencing images, documents, or videos to inspire or guide AI model outputs.
• 📄 Outputs can be saved to various Google Workspace formats, including Google Docs, Slides, or Sheets.