Google Just Made Vibe Coding FREE (Game Over for Paid Tools)

Key Concepts

• Google AI Studio: A free platform for building AI-powered applications using Google's AI models.
• Gemini 2.5 Pro: Google's latest and advanced large language model.
• Nano Banana (Gemini 2.5 Flash Image): Google's AI image model for editing and generating images.
• VO 3.1: Google's AI model for animating images.
• NADN (Naden): An AI automation no-code platform.
• Vibe Coding: A term used to describe building applications with AI integrations and no-code/low-code tools.
• System Instructions: Custom instructions to control the style, model usage, and knowledge base of an AI project.
• "I'm Feeling Lucky" Feature: A Google AI Studio feature that automatically suggests app ideas and integrations.
• Annotate App: A feature within Google AI Studio that allows users to make edits directly on app previews using drawing tools.
• Web Hook: A mechanism for one application to send real-time data to another application.
• UGC (User-Generated Content) Ads: Advertisements created by users, often for marketing purposes.
• Hostinger: A web hosting company offering Virtual Private Servers (VPS) for self-hosting applications like NADN.

Google AI Studio: Building Free AI-Powered Apps

This video tutorial demonstrates how to leverage Google AI Studio, a free platform, to build sophisticated AI applications. The presenter highlights that Google AI Studio is now completely free, eliminating the need for paid services like Lovable Cursor or Replet. The platform integrates seamlessly with other Google native products such as Nano Banana (for image editing) and VO 3.1 (for image animation), making it a powerful tool for app development.

Accessing and Navigating Google AI Studio

1. Access: Users can access Google AI Studio by visiting AI studio.google.com. A link is provided in the video description.
2. Account Creation: Users need to create an account. The platform offers a generous daily credit limit (around 100 credits), allowing for extensive app building.
3. Dashboard: Upon logging in, users are directed to a dashboard titled "Build your ideas with Gemini." This interface is familiar to users of other "vibe coding" platforms, featuring a prompt area for initiating app development.
4. Integrations: The bottom section of the dashboard showcases available AI integrations, including:
   • Nano Banana: For image editing.
   • VO 3.1: For animating images.
   • Conversational Apps: For building chat-based applications.
   • Other Google products.

Building an AI Headshot Photographer App

The presenter walks through building a specific app: an AI Headshot Photographer.

1. Using the "I'm Feeling Lucky" Feature:

   • This feature automatically suggests app ideas and pre-populates the prompt and necessary integrations.
   • Example 1: "Build a time travel photo booth app that takes my photo and inserts my face into various historic scenes." This integration includes Nano Banana and image analysis.
   • Example 2: "On-demand merch mock app where you can upload your logo and AI places it to virtual product shots." This uses only Nano Banana.
   • Selected Example: "Create an AI headshot photographer app. Users upload a casual selfie, then they select a desired style like a corporate gray background, modern tech, office, outdoor, natural light, and the app generates a generic professional headshot." This example utilizes the Nano Banana powered app.

2. Building the App:

   • Clicking "Build" initiates the app generation process.
   • The left side displays the generated code, while the right side shows a preview of the app.
   • Suggestions: During the build process, the platform offers suggestions for enhancing the app, such as allowing users to customize styles with color and lighting parameters. These suggestions can be added to the chat.
   • Model Selection: The platform defaults to Gemini 2.5 Pro, Google's latest model, but other options might be available on different platforms.
   • System Instructions: Users can add custom instructions to control the app's behavior, style, and knowledge base. The default system instruction template is React, but Angular is also an option.

3. Testing the Headshot App:

   • The presenter uploads a YouTube thumbnail image.
   • They select the "modern tech office" style.
   • Clicking "Generate Headshot" produces a new headshot image.
   • The generated headshot can be further edited.
   • Prompt Refinement: Users can refine the output by adding prompts like "add a retro filter."
   • Direct Code/Prompt Edits: The left-hand panel allows for direct prompt modifications, such as changing the background color to blue.

Advanced Features: Annotate App and NADN Integration

Annotate App Feature

A key differentiator highlighted is the "Annotate App" feature.

• Functionality: This tool allows users to directly interact with and modify the app preview.
• Tools:
  • Rectangle Selection: Users can select an area on the preview and add it to the chat to request specific changes (e.g., "change the background of that particular area").
  • Scratching Tool: Users can draw on the preview to highlight areas for modification, point with arrows, or select colors. This selection can then be added to the chat for applying changes.
  • Add Arrow: For adding directional indicators.
  • Add Text: For overlaying text on the preview.

Deploying and Exporting the App

• Deployment: Apps can be deployed to Google Cloud.
• GitHub Integration: The app can be pushed to GitHub for version control and further development.
• Download: The app can be downloaded directly.
• Google Drive: A copy can be saved to Google Drive.

Building Complex Apps with NADN Integration

The video then moves to building more complex applications by integrating Google AI Studio with NADN, an AI automation no-code platform.

1. NADN Overview: NADN is described as an AI automation no-code platform. A free account and link are provided.

2. UGC Ad Builder Example: The presenter demonstrates building a UGC ad builder.

   • Prompt: A prompt is used to create a "clean premium UGC ad builder site" with specific formatting instructions.
   • NADN Blueprint: A pre-built NADN workflow for creating AI UGC ads is imported. This workflow is connected to a web hook.
   • Integration Steps:
     • The front-end UI is generated in Google AI Studio based on the prompt.
     • A second step is added to send the web hook and user feedback to NADN.
     • The prompt includes instructions to change the web hook to the user's own.
     • The app is designed to take an image, description, and email from the user.
     • This information is sent to the NADN backend via a web hook.
     • NADN then uses Nano Banana and VO 3.1 to generate an AI UGC ad (video).
     • The generated ad is sent to the user's email.

3. Testing the UGC Ad Builder:

   • The presenter uploads a screenshot of sunscreen.
   • A description is provided: "a 22-year-old female model talks about the importance of using the sunscreen. This sunscreen literally feels weightless. No greasy mess. Plus I love how protected my skin feels. Seriously, never skipping this step again."
   • An email address is entered.
   • Clicking "Generate Ad" sends the data to the NADN backend.
   • The generated UGC ad (a short video with voiceover) is then displayed.

NADN Self-Hosting and Hostinger Partnership

The video concludes with information about self-hosting NADN and a special offer.

• NADN Community: The presenter mentions their community for learning about AI automations and making money with AI. They offer beginner, intermediate, and vibe coding courses.
• Hostinger Partnership: A Black Friday sale for self-hosting NADN on Hostinger's Virtual Private Servers (VPS) is promoted.
  • Recommended Plan: KVM2 plan.
  • Coupon Code: "AI workshop" for an additional 10% discount.
  • Pricing: The offer can bring the price down to approximately $140 for 24 months, equating to about $5.80 per month.
  • Setup Process: The video briefly outlines the steps for setting up NADN on a Hostinger VPS, including selecting a plan, applying a coupon, registering/logging in, adding billing information, and installing the application.
  • Self-Hosted NADN: Once installed, users can manage their own NADN instance on their private server, allowing them to create workflows and host everything independently.

Conclusion and Future Content

The presenter emphasizes the power of Google AI Studio for building both simple and complex AI applications, especially when integrated with platforms like NADN. They plan to release more videos on Google AI Studio, focusing on creating more complex apps, and encourage viewers to like, subscribe, and await future content.