Google AI Mode logo

Google AI Mode's composer teardown

Updated June 16, 2026

AI Mode keeps users on google.com instead of routing them to the Gemini app. The strategy is to extend the search habit with conversational input and mode chips without asking users to adopt a second product. Personalized greetings and contextual starters lower blank-page risk while Search stays the anchor identity.

Calm default with AI Mode toggle

Personalized greeting, Ask Google placeholder, mic, Lens, and AI Mode pill on the right.
Personalized greeting, Ask Google placeholder, mic, Lens, and AI Mode pill on the right.

What works

  • Familiar Google search bar shape keeps intimidation low for billions of search users.
  • Personalized greeting (“Hi Brian”) makes AI Mode feel conversational without a chat thread.
  • AI Mode is a labeled pill beside mic and Lens: opt-in to generative search, not the default box state.

What we would push on

  • AI Mode vs classic search distinction may confuse users who expect ten blue links.
  • No visible starter prompts on first load. Discoverability depends on opening + or AI Mode.

Business strategy

Google wants generative search without breaking the search bar habit. An explicit AI Mode toggle lets billions of users opt in gradually instead of replacing classic search overnight.

Tradeoff

DecisionBenefitCost
AI Mode as explicit toggle on the search barFamiliar chrome; generative path is a conscious choiceUsers may not discover AI Mode or confuse it with classic results

Takeaway

Anchor AI in the search bar users already know. Make the generative path an explicit toggle.

+ menu bundles attach, tools, and models

+ menu: Add images, Add files, Create images, Canvas, and Gemini 3 Fast/Pro picker.
+ menu: Add images, Add files, Create images, Canvas, and Gemini 3 Fast/Pro picker.

What works

  • One + menu covers uploads and mode switches. The bar stays clean until opened.
  • Create images and Canvas sit beside attachments as peer tools, not buried in settings.
  • Fast vs Pro model picker lives in the same menu: speed vs depth without leaving compose.

What we would push on

  • Menu labels reference Gemini 3 models on a google.com surface. Branding may blur AI Mode vs Gemini app.
  • No one-line descriptions under Fast/Pro for first-time users.

Business strategy

Google bundles attach, creative tools, and model tier in one menu so AI Mode can grow into a full compose surface without turning google.com into a chat app.

Tradeoff

DecisionBenefitCost
+ menu for attach, Create, Canvas, and model tierClean bar; one progressive disclosure pathGemini branding on google.com may blur product boundaries

Takeaway

Funnel attach, generative tools, and model tier into one progressive disclosure menu.

File chip inside the composer

Uploaded image shows as a removable chip; AI Mode send arrow appears on the right.
Uploaded image shows as a removable chip; AI Mode send arrow appears on the right.

What works

  • Composer expands vertically to fit attachment preview. The file is visible before send.
  • Chip shows filename on hover; X removes without clearing the whole prompt.
  • AI Mode arrow activates once content is ready: clear send affordance separate from classic search.

Business strategy

Multimodal queries keep users in AI Mode instead of bouncing to Lens or Drive. Visible chips make file context explicit before a generative run.

Takeaway

Keep attachments inside the compose card with remove chips, not as mystery context.

Full-screen voice capture

Voice mode fills the viewport with live transcription and a centered mic control.
Voice mode fills the viewport with live transcription and a centered mic control.

What works

  • Voice takes over the full screen. The mic is the focal point, not a tiny bar icon.
  • Live transcription (“la la la…”) shows the system is listening before submit.
  • Close X returns to compose without sending. The escape hatch is obvious.

What we would push on

  • No hint that voice submits into AI Mode vs classic voice search.

Business strategy

Voice lowers friction for mobile search users and keeps them on google.com instead of switching apps. Full-screen capture signals a different job than typing.

Tradeoff

DecisionBenefitCost
Full-screen voice captureClear listening contract with live transcriptionUnclear whether output routes to AI Mode or classic search

Takeaway

Dedicated voice surface with streaming text beats a pulsing mic icon alone.

Lens opens from the composer

Google Lens modal: drag/upload image or paste a link without leaving AI Mode home.
Google Lens modal: drag/upload image or paste a link without leaving AI Mode home.

What works

  • Lens is one tap from the composer row. Visual search is peer to typing.
  • Modal supports drag-drop, file upload, and paste-link: three ingest paths.
  • Stays on google.com; greeting remains visible behind the sheet.

What we would push on

  • Modal blocks the compose flow. Users may not know they return to AI Mode after Lens.

Business strategy

Lens is a proven Google capability. Wiring it into AI Mode turns visual queries into generative answers without a separate product switch.

Tradeoff

DecisionBenefitCost
Lens as modal from the compose rowVisual search peer to typing on one surfaceModal interrupts compose; return path to AI Mode unclear

Takeaway

Wire Lens into the same input family as text: same bar, dedicated upload sheet.

Lens feeds AI Overview results

After Lens upload: image preview, All / Visual matches tabs, and AI Overview with sources.
After Lens upload: image preview, All / Visual matches tabs, and AI Overview with sources.

What works

  • Uploaded image stays in the search bar thumbnail. Visual query is persistent.
  • AI Mode tab beside All and Visual matches ties generative summary to Lens context.
  • AI Overview cites sources (5 sites chip). Multimodal input still gets provenance.

What we would push on

  • Tab proliferation (AI Mode, All, Exact, Visual, About) may overwhelm casual Lens users.

Business strategy

Closing the loop from Lens to cited AI Overview keeps users in Google’s trust model. Visual search becomes a path into generative answers, not a dead-end results page.

Tradeoff

DecisionBenefitCost
Lens results with AI Mode tab and cited overviewMultimodal query with search-style provenanceMany tabs and result types on one screen

Takeaway

Close the loop from Lens upload to cited AI summary in one results chrome.

Pattern: Citations

Canvas chip with contextual starters

Canvas mode: “Create anything” placeholder, Canvas chip, and three contextual starter prompts.
Canvas mode: “Create anything” placeholder, Canvas chip, and three contextual starter prompts.

What works

  • Canvas activates as a chip inside the composer. Mode is visible before typing.
  • Placeholder shifts to “Create anything”. Signals generative doc/code intent.
  • Contextual starters (weekend plans, housewarming, scavenger hunt) teach jobs without a tour.

What we would push on

  • Canvas vs Create images both live in + menu. Chip labels must differentiate outcomes.

Business strategy

Canvas extends AI Mode beyond Q&A into deliverables. Starters lower the blank-page problem so users try generative docs without learning prompt patterns.

Tradeoff

DecisionBenefitCost
Canvas chip with job-specific startersClear mode scope and first-prompt guidanceCanvas and Create images compete for discovery in + menu

Takeaway

Pair mode chips with job-specific starters so users know what Canvas is for.

Create images mode with visual starters

Create images: “Describe your image” placeholder, Create chip, and image-oriented starters.
Create images: “Describe your image” placeholder, Create chip, and image-oriented starters.

What works

  • Create chip (banana icon) signals image generation distinct from Canvas.
  • Placeholder “Describe your image” sets expectation: not general Q&A.
  • Starters show concrete formats: cross-section, infographic, map. Edit, don’t invent.

What we would push on

  • Create and Canvas both add chips. Only one should be active; verify mutual exclusivity in UI.

Business strategy

Image generation is a high-engagement mode that competes with dedicated creative apps. Dedicated placeholder and starters raise completion without leaving google.com.

Tradeoff

DecisionBenefitCost
Dedicated Create images chip and startersHigher completion on image jobsTwo creative chips (Canvas + Create) may stack or confuse

Takeaway

Image mode needs its own placeholder, chip, and starters: not a generic Ask Google box.

Starters become sourced answers

Contextual query (“Free local events…”) renders structured answer with inline source chips and sidebar.
Contextual query (“Free local events…”) renders structured answer with inline source chips and sidebar.

What works

  • Starter-style queries produce structured lists with headings, bullets, and venue links.
  • Inline source chips (Visit Bellevue +2) and right sources panel mirror search trust patterns.
  • Follow-up “Ask anything” bar persists at bottom. The compose loop continues after the answer.

What we would push on

  • Heavy results UI may surprise users who expected a single paragraph from a starter tap.

Business strategy

Starters are onboarding into AI Mode answers with search-grade citations. Google keeps trust patterns from classic search while teaching what generative results look like.

Tradeoff

DecisionBenefitCost
Starters that open full sourced answer layoutsOnboards users into cited, structured AI Mode outputHeavier UI than a single paragraph may surprise first-time users

Takeaway

Contextual starters are onboarding into AI Mode answers. Show where compose ends and sourced output begins.

Pattern: Prompt Templates

Pattern: Citations

Pattern: Follow-up Chips

How it fits together

The pattern

  • Personalized greeting, AI Mode toggle, + for attach/Create/Canvas/models, voice and Lens on the bar.
  • Mode chips change placeholder and starters; answers return with citations and a persistent follow-up compose bar.

Where it varies

  • AI Mode vs classic search: toggle is explicit but the mental model may still blur.
  • Lens, voice, and text each use different surfaces before converging on results.
  • Canvas and Create images both arm chips from the same + menu.
  • Gemini model names appear on a google.com surface.

Business strategy

Google AI Mode is generative search on the homepage: familiar bar, explicit opt-in, search trust patterns in answers. The bet is billions of search users adopt AI without leaving google.com.

Tradeoffs

DecisionBenefitCost
AI Mode as explicit toggle on the search barFamiliar chrome; generative path is a conscious choiceUsers may not discover AI Mode or confuse it with classic results
+ menu for attach, Create, Canvas, and model tierClean bar; one progressive disclosure pathGemini branding on google.com may blur product boundaries
Full-screen voice captureClear listening contract with live transcriptionUnclear whether output routes to AI Mode or classic search
Lens as modal from the compose rowVisual search peer to typing on one surfaceModal interrupts compose; return path to AI Mode unclear
Lens results with AI Mode tab and cited overviewMultimodal query with search-style provenanceMany tabs and result types on one screen
Canvas chip with job-specific startersClear mode scope and first-prompt guidanceCanvas and Create images compete for discovery in + menu
Dedicated Create images chip and startersHigher completion on image jobsTwo creative chips (Canvas + Create) may stack or confuse
Starters that open full sourced answer layoutsOnboards users into cited, structured AI Mode outputHeavier UI than a single paragraph may surprise first-time users

Takeaway

Search-native compose with an explicit AI Mode lane. Steal the toggle, mode chips with starters, and cited answers. Clarify Lens/voice return paths and Canvas vs Create differentiation.

Pattern: Tool Switching in ComposerSearch-native compose: greeting, AI Mode toggle, + menu, mode chips, then sourced answers with follow-up compose.

Pattern: Prompt Templates

Steal this

  • AI Mode as an explicit toggle on the familiar search bar
  • Personalized greeting without opening a chat thread
  • + menu for attach, Create images, Canvas, and model tier
  • Mode chips that change placeholder and starter prompts
  • Contextual starters that demo real jobs (events, parties, scavenger hunts)
  • Lens and voice as peers to typing on the same compose row

Skip this

  • Hiding AI Mode behind an unlabeled sparkle with no toggle copy
  • Using Gemini app branding on google.com without clarifying the surface
  • Generic starters when mode-specific ones teach Create vs Canvas
  • Dropping Lens results into a different chrome than AI Mode answers

How others design the composer

Same job, different product bets, and what each tradeoff reveals.

Original gallery pages: Tool Switching in Composer