How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng

Claire Vo (0:00)

I use AI to get me off my computer, not on my computer. And so the fact that you were at the gym, got asked to do something, and your disability be like, yep, go for it, get it done, and finish your workout. It's like a much nicer way to work.

John Bai (0:13)

I was able to just screenshot in Figma, these two separate artboards of work that was already in progress. And doing so, I just pointed to those, had the bot do its work. I didn't even read most of this stuff. It produced three outputs, copy pasted what Ben had sent me on Slack, and said, I think we got all these covered. While I'm on this call, work is getting done, which I really love. I think the fact that I don't have to do this stuff myself is a godsend.

Peng Zheng (0:36)

Now, when I go somewhere, I can basically just send Grok Bot a photo, a screenshot, or literally just the name of the place, and then figure out what the place is. It will look it up through Google Places API, and I get the right location coordinates. It will fix the perspective and remove people, and turn it into a 3D miniature visual style that I use on the site.

Claire Vo (0:58)

AI can feel like a threat to the creative arts. Look, your highest calling was never to design gradient fills in Figma. What I tell people is, welcome back to How I AI. I'm Claire Vo, Product Leader and AI Obsessive, here on a mission to help you build better with these new tools. Today, I have John and Peng from the Grok Bot Design Team, and they're going to show us two really awesome AI design use cases. One, how to build a beautiful, custom and easy to update personal site that meets the bar of a designer, and two, how Grok Bot was used to design. Grok Bot, including where Figma Bro can make your life at the gym and work a lot easier. Let's get to it. This episode is brought to you by Work OS. AI has already changed how we work. Tools are helping teams write better code, analyze customer data, and even handle support tickets automatically. But there's a catch. These tools only work well when they have deep access to company systems. Your co-pilot needs to see your entire codebase. Your chat bot needs to search across internal docs. And for enterprise buyers, that raises serious security concerns. That's why these apps face intense IT scrutiny from day one. To pass, they need secure authentication, access controls, audit logs, and the whole suite of enterprise features.

Building all that from scratch, it's a massive lift. That's where Work OS comes in.

Work OS gives you drop-in APIs for enterprise features, so your app can become enterprise ready and scale up market faster. Think of it like Stripe for enterprise features. OpenAI, Perplexity and Cursor are already using Work OS to move faster and meet enterprise demands.

Join them and hundreds of other industry leaders at workos.com. Start building today.

Peng, John, thank you for joining How I AI today.

John Bai (2:57)

Glad to be here. Happy to share.

Peng Zheng (3:00)

Thanks for having us.

Claire Vo (3:01)

So I am a big bot girl. Actually, we were just talking before the show. Last night, we did a Ladies Who Grok Bot night at Andreessen Horowitz. There were 900 registrants, a line around the block. Grok Bot is having its moment. One of the things I love is so many people inside SpaceXAI actually sharing really practical and unique use cases of how they themselves have found new ways to get work done, build software, do awesome things with Grok Bot.

How has it been the past couple of weeks just being in the middle of this explosion in Grok Bot interest? How does that feel shipping a product like that?

John Bai (3:45)

It's really exciting. I feel like it's rare to have this amount of attention and this amount of engagement on something that a designer gets to work on. And I think we're learning day by day also from our users. I think there's a lot of questions being asked about us as though we're experts on the product just because we're designing it. But I think we're learning just as much from the users, from people sharing their own workflows, their tips and tricks, especially on X recently, and from you as well, Claire. It's been really fun.

Claire Vo (4:15)

People don't know this, but before we started recording, we were actually scrolling through and prepping screen shares. And as we were going, all of us were like, oh, we need that feature, we need this feature, we need to make this a little bit easier. So it's fun to be able to see the process of this product evolve as it has tremendous product market fit right out the gate.