Gemini Form UI Design Pattern

Gemini logo
Gemini Form

Artificial Intelligence

This is the form design from Gemini, a artificial intelligence application. Gemini gemini is Google's AI assistant for chat, research, writing, coding and image and video creation. Its UI covers a Where should we start prompt bar with Fast, Thinking and Pro models, a plus menu for uploads and tools like Deep Research and Canvas, Images and Videos creation pages, Customize with personal context, connectors and Skills, a Gem manager and editor, chat sharing to Drive, and Free, Google AI Plus, Pro and Ultra plans. Form design patterns from real SaaS applications. Input fields, validation, multi-step forms, and submission flows. We have 10 form screenshots from Gemini showing different states and variations of this pattern.

Gemini prompt bar with model menu open listing Fast, Thinking and Pro modes

Model picker

Gemini Create images page with Nano Banana prompt bar and style preset thumbnails

Create images

Gemini plus menu with upload files, Drive, photos, NotebookLM and tools like Deep Research, Canvas and images

Upload and tools

Signed-in Gemini model switcher listing Fast, Thinking and Pro

Model picker

Gemini prompt bar with the Deep Research tool chip selected

Deep Research mode

Gemini Images page with Create images prompt and style preset cards

Images page

Gemini skill editor with name, description and instructions fields

Skill editor

Gemini New Gem editor with name, description, instructions, default tool, knowledge and live preview

Gem editor

Gemini plus menu open with upload sources and creation tools beside the sidebar

Tools menu

Gemini prompt bar with the Canvas tool chip selected to start a document or app

Canvas mode

View all Gemini screenshotsVisit GeminiBrowse all form patterns →