We analyzed 17 examples of how Google Docs handles ai input & output across their product, spanning 4 different approaches: entry point, input composition, model selector, input modifier.
Empty document state showing inline AI entry-point chips centered in the document body. Four chip buttons offer quick-start AI actions. Two floating side icons (writing editor and image generation) appear on the right margin.
Writing editor Gem side panel opened from the right margin icon. Panel shows the Gem title, description, starter prompts, and an input field at the bottom. A modal dialog overlays the document confirming a new conversation.
Gemini side panel showing a menu/navigation view with 'More suggestions' starter prompts, a 'Gems' section listing available Gems, and utility actions. Accessed via the back/hamburger navigation from a Gem panel.
Gemini side panel in its default/home state showing 'Spark fresh ideas' heading, three starter prompt suggestions, and an input field with placeholder text at the bottom.
Document with AI-generated content displayed. Two floating side icons (writing editor and image generation) appear on the right margin below the content, serving as persistent entry points to invoke AI features.
AI-generated content result card with a 'Refine with a prompt' input field at the bottom. The 'Refine' dropdown is shown expanded with seven refinement options. Includes pagination showing '2 of 2'. Shows both output and input refinement UI.
AI-generated content result (table format) with the 'Refine' dropdown expanded showing seven refinement options. The 'Refine with a prompt' text input is also visible at the bottom of the card.
Inline 'Help me write' card with user-typed prompt text and a 'Create' action button. Shows the input composition state with a prompt already entered.
Inline 'Help me write' card showing a prompt being typed with a blue gradient shimmer animation across the card background. The 'Create' button is dimmed/disabled during input animation.
Inline 'Help me write' card showing a different prompt example with a blue gradient shimmer animation. Shows a rotating example prompt in a suggestion/demo animation state.
Writing editor Gem side panel showing a completed response to 'Draft a positive peer review.' prompt. The panel displays the original prompt at top, the Gem label 'Writing editor', generated content, and an 'Ask Gemini' input field at the bottom. The response references the document context.
Writing editor Gem side panel in a loading/streaming state. Shows the prompt 'Draft a positive peer review.' at top, a 'Just a sec...' loading message with shimmer lines, a tip about @-referencing, and the 'Ask Gemini' input field at bottom.
Inline 'Help me write' card appearing below existing document content. Shows a prompt placeholder being typed with the card in its input/composition state with a blue gradient shimmer.
Inline result card from a 'Bulletise' transformation applied to selected text. Shows the AI-generated bullet points, a 'Refine with a prompt' input field, 'Refine' dropdown, and 'Insert' button with a dropdown arrow.
Gemini side panel in streaming/loading state responding to 'Brainstorm a list of ideas for a new product'. Shows the prompt at top, a Gemini sparkle loading indicator with shimmer lines, a tip about @-referencing, and the input field at bottom.
Context menu appearing when text is selected in the document, triggered by clicking the floating writing-editor pen icon. Shows a 'Modify with a prompt' free-text option and seven pre-built modification actions.
Gems gallery panel showing the full list of pre-made Gems available in Google Docs. Includes a 'Create a Gem' button and seven pre-built Gem options with descriptions.
