StackFigma · Design systems · Prototyping
FocusMobile UX · AI interaction design
TypeDesign archive
RoleProduct & UI design
The problem
AI writing tools live or die on interaction detail — how suggestions appear, how the keyboard behaves, how much the interface interrupts the act of writing.
What we built
- Mobile-first flows for assisted writing, revision and suggestion review.
- Keyboard-aware interaction patterns prototyped in Figma.
- A visual system with reusable components and type/colour scales.
- Interaction states for empty, loading, error and long-content cases.
- Handoff-ready specs so engineering and design share the same language.
Outcome
A design archive that shows how we approach AI product design: prototype the interaction first, then build the smallest system that supports it.