Vibe Code This: AI-Powered Branded Infographics Tool
22mBeginner2025-12-15
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
Vibe code a custom tool in Google AI Studio to help your team generate on-brand infographics and illustrations using Nano Banana. Learn to create the prompts needed to generate an HTML site that you can publish and deploy to scale your creative production.
Learning objectives
Configure Gemini 3 to build AI-powered chat interfaces for asset generation.
Upload and integrate brand documents including style guides and color specifications into your workflow.
Prompt Nano Banana effectively to generate on-brand illustrations and infographics.
Deploy your site so that users can access them externally on the internet.
Customize AI-generated visual outputs to align with brand standards and design requirements.
Establish a repeatable team workflow for creating branded graphics at scale using AI assistance.
Learning objectives
Configure Gemini 3 to build AI-powered chat interfaces for asset generation.
Upload and integrate brand documents including style guides and color specifications into your workflow.
Prompt Nano Banana effectively to generate on-brand illustrations and infographics.
Deploy your site so that users can access them externally on the internet.
Customize AI-generated visual outputs to align with brand standards and design requirements.
Establish a repeatable team workflow for creating branded graphics at scale using AI assistance.
Skills covered
Google GeminiAI Builders and Low/No-Code ToolsData VisualizationAI Productivity and Everyday UseBuilding with AIData ScienceBusiness Analysis and StrategyBusiness Software and ToolsOne-Off
Concepts
Introduction
- Vibe coding an AI-based tool
Vibe Code the Infographics Tool
- Creating the PRD for the project
- Setting up Google AI Studio
- Customizing our design
- Sharing and deploying the project