John Bai - The Grok Bot design journey

Categories: Product, Design

Summary

Cursor's designer reveals the critical decision to abandon the existing product's UI baggage entirely for Grok Bot, adopting familiar iMessage-like chat patterns instead of technical interfaces—proving that accessibility trumps feature parity when targeting mainstream users.

Key Takeaways

  1. Reusing existing component libraries signals product identity too strongly; starting fresh with Grok Bot allowed the team to shed Cursor's 'too technical' brand perception and attract non-engineers without the baggage of the original UI.
  2. Chat interface familiarity matters more than AI-native patterns; iMessage/WhatsApp-style messaging proved to be the 'secret sauce' for mainstream adoption over streaming text and thinking states preferred by power users.
  3. Design exploration should diverge from engineering prototypes first, then converge on 'best of both worlds'; the team initially split between polishing what engineers built versus exploring radical alternatives before merging approaches.
  4. Challenge fundamental UX assumptions; John questioned why a new tool needed the standard three-pane layout (sidebar, center chat, right details) and explored more ambient, OS-native interfaces before finalizing the design.
  5. Enterprise use cases versus consumer adoption require different UIs; experiments succeeded with enterprise teams but the technical UI prevented mainstream users from even downloading, forcing a strategic pivot to consumer-first design.

Related topics

Transcript Excerpt

We started off with with a design that was trying to reuse as much of the componentry from cursor as as possible. I felt very strongly, you know, if we're going to go in this more consumer direction being like cursor will make this product feel like cursor and we'll attract the same audience. We've had debates about removing certain functionality, introducing certain interactions. We had, you know, jams where everyone was bringing to the to the crit their own version of what it looks like to have text either streaming or fading in or not at all. There's probably no two designers on the cursor design team that has the same process and has the same application of tools in their process. Welcome to Dive Club. My name is Rid and this is where designers never stop learning. Grockbot has been go…

More from Dive Club