Intuitive Scroll - Image Generation

Google AI Studio

Google AI Studio

Tools

Google AI Studio

Figma Make


Context

Image Generation Studio is a two-screen AI design tool designed to make image exploration and prompt-based creation intuitive. It bridges visual discovery and creative control, helping users move seamlessly from browsing inspiration to generating new visuals through a guided, conversational interface.



Key Features

Design Rationale

  • Interactive Image Gallery — A horizontally scrollable layout that allows users to browse AI-generated images with clear spacing for visual focus.

  • Intuitive Navigation Remote — A circular controller with left and right arrows to move through images, and a central button that selects the focused image and extracts its generation prompt.

  • Prompt Extraction & Generation — Once an image is selected, its prompt metadata is carried to the next screen for customization and regeneration.

  • Conversational Prompt Editor — A chat-style input where the extracted prompt appears with adjustable parameters such as aspect ratio and seed values.

  • Live Image Preview — The upper screen space displays the output image as soon as it’s generated, reinforcing a fast feedback loop.

The interface centers on flow and familiarity. Scrolling horizontally mirrors how users naturally swipe through visual feeds, while the round navigation remote offers a tactile rhythm to exploration. By extracting prompts directly from existing images, the tool lowers cognitive friction: users don’t start from a blank slate but from something that already caught their eye.


Create a free website with Framer, the website builder loved by startups, designers and agencies.