Memorables

AI Interface Design

AI interface design at work: agents, chat, voice, search and generation in real product screens.

AI interface design covers how products built around AI look and behave: chat and agent views, voice assistants, results being generated and the moments when the system shows what it is doing. The real challenge is to make waiting and uncertainty feel clear and trustworthy. This page gathers screens, prototypes and motion from AI apps, assistants inside existing products and devices with an assistant built in, by product designers such as Jimmy Zhang, Noman Ijaz and Benji Taylor.

29 works by 23 creators, newest added 11 November 2026. Each is credited to the people who made it and links to the original.

All 29 AI Interface Design

  1. Agentation Layout Mode by Benji Taylor — Layout Mode for Agentation, a creative tool for wireframing directly on the page: move, resize and add components, and the changes become structured design feedback for a coding agent.
  2. AI Day Planner by Noman Ijaz — A mobile UI prototype of an AI day planner that turns a sheet of suggested tasks into a scheduled day in one sweep of colour, with an Undo plan button to take it all back.
  3. Imagine Comments by Andrey Rybin — An iOS micro-interaction prototype for comments, where a long-press offers Imagine and turns each reply into pictures, built with AI from a description of how it should feel.
  4. glimm Spreadsheet Transition by Noman Ijaz — A shader transition from glimm, the React and Next.js library, where a single WebGL band of blurred light sweeps up an empty spreadsheet and leaves it filled with AI-generated deals.
  5. Angelo Portfolio Assistant by Angelo — A portfolio website with an AI chat assistant that talks about each case study, opening on DeFi Renaissance and changing its greeting as the visitor moves on to the next project.
  6. Stageshow by Benji Taylor — An agent skill that teaches coding agents to make faux product UI, from feature cards to cursor demos, shown here as a bento grid of switches, sliders and charts all working at once.
  7. Generative UI by Dmytro Kondakov — A generative UI concept for an AI assistant that builds every answer out of its own particles, so the orb scatters into a flight board, a football scoreline or stock cards.
  8. born.com by s.engineering — A landing page for Born, the Berlin start-up behind AI companion apps, built in Framer around one typed promise of virtual friends and a live counter of AI friends created.
  9. Bingo by Body Shop — A robot dog for Moving Parts, Bingo, a computer given a body, whose floppy ears, ball feet and lens for a nose make a piece of consumer electronics behave like a pet.
  10. Infinite FAQ by Gustavo Fior — An infinite FAQ component for Foglamp, where the last row is a field that asks the AI assistant Foggy anything and its answer opens in the list like any other question.
  11. AI Dialog Bar by Benjamin Zehrfeldt — An industrial design concept for a physical AI assistant, an aluminium bar with its own screen, camera and sensors that clips onto a monitor, taking the chat out of the window.
  12. Siri AI Button by Apple — The Siri AI text field from Apple, a glassy pill whose rainbow rim shifts from warm to cool as it types the assistant’s 2026 launch line, a button that glows as if listening.
  13. OPPO MIXO on the Wrist by Jimmy Zhang — MIXO, a modular AI companion designed for the OPPO Industrial Design Competition, worn here as a smartwatch whose glossy screen gives the device two glowing eyes and a face.
  14. OPPO MIXO Module by Jimmy Zhang — The detachable module of MIXO, a modular AI companion for the OPPO Industrial Design Competition, lifted out of its wrist strap to become a camera viewfinder or desktop assistant.
  15. OPPO MIXO by Jimmy Zhang — An exploded view of MIXO, a concept for the OPPO competition: a modular AI companion whose face, body and base part to become a wearable, a viewfinder or a desk assistant.
  16. Grok Bot in X Chat by Grok Bot — An upsell modal in X Chat that invites people to try Grok Bot, the assistant that automates daily work, carried by a crowd of blob mascots that bounce and pile up.
  17. Feedback You Can Pick Up by Alim Joldaspayev — A chat interface micro-interaction for client feedback, where the words of a request are picked up one by one from the message and dropped into the reply as a quote.
  18. Visual Agent Thinking by Shridhar Athinarayanan — A chat interface prototype asking why AI agent thinking is not visual, giving each reasoning step its own dithered 3D drawing, from a magnifying glass to the wrapped gift it found.
  19. Grok Bot Brand Decks by Benji Taylor — An AI agent in a chat interface that builds brand decks, a Grok Bot given to the whole team at X so anyone can make a great deck in seconds, and never in the wrong font.
  20. Grok Bot on ESP32 by Attiq R. — A hardware prototype running the Grok Bot animation state machine on an ESP32 board, its faces blinking and morphing on a small round screen, surprisingly smooth for so small a chip.
  21. Dust & Brine by SERIFA — An AI film from a daily series, day 1192 of Art Every Day, where a blue flame flickers over a glowing wick until its warm colours cool, closer to a mood than an object.
  22. Grok Bot on the Action Button by Grok Bot — An announcement film for setting Grok Bot as the iPhone Action Button, one press of the side button opening the voice assistant in the Dynamic Island, microphone ready.
  23. A More Personal Siri by Alex Widua — Motion design for a more personal Siri on iPhone at Apple, where answers arrive as cards on the lock screen, the weather or a friend nearby on a map, before a glowing orb takes over.
  24. Grok Bot Characters by Peng Zheng — Character design for the Grok Bot interface, where each persistent AI role gets a face, six simple blobs that blink and glance around so delegating work feels like briefing a team.
  25. Human, Meet Agent by Linear — A landing page for Linear for Agents that follows a lesson in motion, the bigger an element the slower and heavier it moves, as a flock of cursors drifts toward a reaching hand.
  26. Interactive Book Archive by Rohan Nuttall — An interactive image made with AI: asked to find the books in a photo for Are.na, Astra lifts each counterculture cover, from Radical Software to the 1970 Zodiac Datebook, into a card.
  27. AI Language Systems Study by Paul Soulhiard — A generative motion study on AI language systems in asemic writing, where clusters of dots flicker around a ring like an unknown script, an unused sketch in black and white.
  28. Voice Effect for SwiftUI by Jakub Antalik — A voice interface effect for SwiftUI that responds to how something is said, not only what: emotion read on device in the tone and the words tints the glow along the screen’s edge.
  29. Giza Crypto Agents by Bakers Studio — A crypto app design for Giza and its AI agents, a calm, almost tactile take on fintech mobile UI where the whole interface is built around one glowing pearly sphere holding the balance.

Featuring work by

Benji Taylor, Jimmy Zhang, Noman Ijaz, Grok Bot, Andrey Rybin, Angelo, Dmytro Kondakov, s.engineering, Body Shop, Gustavo Fior, Benjamin Zehrfeldt, Apple, Alim Joldaspayev, Shridhar Athinarayanan, Attiq R., SERIFA, Alex Widua, Peng Zheng, Linear, Rohan Nuttall, Paul Soulhiard, Jakub Antalik, Bakers Studio.

Related topics

Browse by category

Topics