Gemini Settings UI Design Pattern

Gemini logo
Gemini Settings

Artificial Intelligence

This is the settings 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. Settings page UI patterns from real SaaS products. Account preferences, configuration screens, and admin panels. We have 4 settings screenshots from Gemini showing different states and variations of this pattern.

Gemini Customize page with Personal context, Connectors and suggested skill cards

Customize Gemini

Gemini Skills tab listing recommended skills like writing style and meeting prep

Skills list

Gemini Skills page with Create menu open for chat, editor and upload options

Create skill menu

Gemini settings menu with account, preferences, skills, connected apps, Gems, theme, location and activity

Settings menu

View all Gemini screenshotsVisit GeminiBrowse all settings patterns →