Designing AI with AI

What began as a small frustration with AI chat interfaces grew into something bigger a hands-on experiment in improving AI usability by co-designing with the very tool that caused the problem.

When

Oct 2025

When

Oct 2025

When

Oct 2025

Timeframe

1 day

Timeframe

1 day

Timeframe

1 day

Tools

ChatGPT + Figma Make

Tools

ChatGPT + Figma Make

Tools

ChatGPT + Figma Make

The problem

The problem

The problem

Great ideas can disappear into the chat void,
making it difficult to find past responses.

I kept running into the same problem with AI tools: I’d get an amazing response — something I wanted to reuse or reference — and then lose it forever in my chat history. Search wasn’t enough. The experience felt like wandering through a labyrinth of half-remembered conversations.

The challenge

The challenge

The challenge

Solve the problem of AI response retrievability testing the latest tech in design prompting.

2 retrievabilty features

01

In-chat navigation

Adds a dynamic navigation inside the chat, letting users jump between sections like they would in a document — without breaking the conversational flow.

01

In-chat navigation

Adds a dynamic navigation inside the chat, letting users jump between sections like they would in a document — without breaking the conversational flow.

01

In-chat navigation

Adds a dynamic navigation inside the chat, letting users jump between sections like they would in a document — without breaking the conversational flow.

02

Response 'favourites'

Enable users to bookmark standout answers, which are then stored in a left-hand favourites panel for quick access later - opening the exact spot in the original chat.

02

Response 'favourites'

Enable users to bookmark standout answers, which are then stored in a left-hand favourites panel for quick access later - opening the exact spot in the original chat.

02

Response 'favourites'

Enable users to bookmark standout answers, which are then stored in a left-hand favourites panel for quick access later - opening the exact spot in the original chat.

Bonus challenge

Design using AI prompting in ChatGPT and Figma Make as much as possible in order test and learn the potential in the latest design technology.

My workflow

My workflow

My workflow

Designing through dialogue. Implementing, debugging and improving

01

I created a 'Feature requirements prompt' (FRP) using ChatGPT

This was a structured brief I co-wrote with ChatGPT, detailing each feature’s purpose, interaction flow, and visual intent. It served as a blueprint for Figma Make to generate a high-fidelity prototype aligned with my vision.

Figma Make's first iteration

03

Created new FRP for 'saved responses' feature

I kept running into the same problem with AI tools: I’d get an amazing response — something I wanted to reuse or reference — and then lose it forever in my chat history. Search wasn’t enough. The experience felt like wandering through a labyrinth of half-remembered conversations.

Figma Make's first iteration

04

I polished the UI with soft translucency and dark mode for a clean, modern feel.

I refined the UI to feel cleaner and more consistent, focusing on subtle depth and clarity. Inspired by Apple’s liquid glass aesthetic, I introduced soft translucency and layered light effects for a premium feel. I also added a dark mode to balance contrast and showcase how the interface adapts to different moods and environments.

Figma Make's first iteration

05

I added default chats and welcome messages to make the prototype feel alive

Final design

Final design

Final design

An AI chat interface built for memory and recall.

Dynamic chat navigation enables effortless browsing through your conversations and ideas.


Three-level mobile navigation enables users to move freely across sections before committing to a page.

Dynamic chat navigation enables effortless browsing through your conversations and ideas.


Favourited responses lets you instantly save and revisit key insights, jumping straight to the original chat.

Favourited responses lets you instantly save and revisit key insights, jumping straight to the original chat.

Polished UI and dark mode refined, consistent, and adaptive inspired by Apples liquid glass aesthetic.

Polished UI and dark mode refined, consistent, and adaptive inspired by Apples liquid glass aesthetic.

More projects