Hello everyone. Hope you guys are having a good time at the conference. So before we start, how many of you are actually designers? A product designer? Hey, one hand and other. Okay. And how many, I assume that the rest of you are engineers? Is that correct? Yeah, pretty much. Okay. So today's talk is a non-technical talk, but more of a real-world experience: how I created the design for AI Engineer this conference and our other past conferences as well, and how AI has helped me. And so the talk today is "One Designer Plus AI," which is me as the designer, and hundreds of deliverables. All right, let's start. So my name is Vincent Wendy.
I am a senior creative designer at AI Engineer. And at AI Engineer, it's a very small team. So we only have around 12 to 15 people at the moment. And everyone has been doing their own thing. And I think AI has been a really helpful way to help everybody doing everything. And even at the scale we have, we have a problem, obviously, right? And the problem is the scale problem, or I would call it the challenges. And how to overcome it? So it's basically automation. And we get to that in the later part of this talk. So when I prepared this talk, we only expected 6,000 attendees, and now it's 7,000. Well, good for us.
And then we have 140 sponsors, more, 140 plus sponsors, and then 300 plus speakers, 600 plus sessions, and one designer. And everybody needs design, right? Every single thing needs design. Sponsors need assets, speakers need graphics, you need signage so you don't get lost. And this is basically what we do, what I do. So from stickers, do you like your swag, your stickers? Well, I hope you do, because I created that design too. So I'm going to go to a landing page, speaker announcement, track mascot, all the stuff that you see, most of the stuff that you see here, from signage to digital signage, landing page, everything is a deliverable.
And 1,000 details means 1,000 ways to fail, right? Because a missing sponsor logo is going to be a huge issue. And speakers that have a wrong schedule also issues, right? And it seems impossible to handle that many deliverables, but yeah, meet my design team. And I'm going to be a little bit more specific. So it's me, and Devin, GPT, and Figma. And right now we are at the stage where tools isn't the problem anymore, but having a real problem is our advantage. So for example, when someone asked me, what inspired you when designing the AI Engineer? I don't know the answer back then, but after I think about it, it's a problem that inspired me to design the AI Engineer.
And we'll get to that in the later part of this talk. So have you guys seen the talk by Simon Wilson in 2025? Yeah. Yeah, and it's pretty interesting, right?
So I think he asked every LLM to create a vector file, which is basically a pelican riding a bicycle. And it is basically to test, and I tested it again, and it's still doing this for the basic model. And it's not usable for me as a designer. But as a designer, we have to think outside the box. And we could simply ask it to create a static image, a PNG of a pelican riding a bicycle, and then I can factorize it on Figma. And we can ship that now. So we have to think outside the box here, regardless of the capabilities of the LLM. And so how to solve this scale problem, right? Basically, five things.
So foundation first, reasonable designs, automated workflows, validated output, and also remove friction. So the foundation is definitely the core part that we need to set up right. The design system, typography, colors, components, and other stuff. And once this is set up, for example, when we create the website, it's all set up within this thing. And yeah, this is just an example. So we have the colors, primary, and then also the accent colors, the typography, and also the tagline, all the other stuff. And also, have you guys heard of atomic design? So yeah, my previous background is product design.
So I'm pretty familiar with creating user-centric design and atomic design, right, where we create the smallest part possible and then combine it into basically Lego pieces and then into deliverables. And this is pretty useful in my job right now.
So once we set up all of those foundations, we basically need to create. For example, we use Devin a lot. At the office, everybody uses Devin. Everybody is using Devin, for example. Yeah. And so in this case, I just need to say, hey, we use this desktop typography and this mobile typography. Because we know Claude or any other LLMs love to throw some random font size, right? And if we don't define it, it just delivers a mess. And yeah, typography, color and stuff. And then it comes to reusable design. So once we set it up right, the website has the branding to it, all the other themes on the AI Engineer, for example the marketing themes, can create everything basically.
They can create an email design based on that. They can create a flyer, a document, just based on the website because it's already defined early. And yeah, once you get the design, you can rinse and repeat. For example, the mascot, it all has pretty much the same design and it's rinse and repeat. And if you already define those things, you can basically create one design that works for all. And this is the part that I'm most interested to talk about: automated workflows. Before, for example, if you take a look outside the room, there's a schedule, right? The schedule for each and everyone. So we used to do it manually on Figma, but now we use Devin for it.
And let me show you. Hey. So right now we just pull the latest data. I just ask Devin, hey, I want this room at this base. And then we can export it, download it to PNG, and the data is accurate. And then we can ship it to the flash drive and put it on the screen. And it was impossible before because the friction is just too much between the designers and the developers. We cannot make things pixel perfect because once we tell the designer, hey, this is the design. And then the engineers that created the design, for example, hey, I need this to be delivered. And then they don't create it pixel perfect. It's a lot of feedback, right?
But with Devin, we just say, hey, can you make this more accurate? We can connect it to MCP. And then if it doesn't work, we can give a spec sheet or something that can be defined like what's the spacing, what's the font size, et cetera. And this is what we do for the speaker announcement. So we have 300 plus speakers. And it's impossible for me to handle one by one, right? So we create this thing, which you can also access: speaker announcement. And you can also try it yourself, this one, for example. You can select it right here. And then you can also change your name. Well, yeah. For example, you can change the name to whatever you want.
And we also have the landscape mode, which can also be loaded. If the speaker also has the headshot and all the details, it will automatically export. And we also have the trading cards, which is surprisingly pretty popular. And we have different themes. And this is all pixel perfect. For example, this one. This is inspired by TBPN. So yeah. And how do I deliver this pixel perfect? Let's jump into it. So the process here is before when I started my career as a product designer, it used to be research. We need to build product, design thinking in general, right?
And then feedback loop and stuff. But right now, it's outdated for me. In my case, we just go to Slack, Figma, and then send it back to Slack, because our Devin lives in Slack. And then ship all the things that he needs. For example, if we can connect the MCP or also the spec document, which is for example, the spec sheet, which is a plugin in Figma, if you're interested. It's free. And it basically gives annotation to the PDF. And yeah. All designers don't name their layers. So yeah. This is just random frame three, frame four. But the LLM will get it. And it's basically defining all the spacing, all the font size, and all the colors and stuff.
It's definitely going to help you develop a pixel perfect product. And we also have just recently, today, have photos, which we have to create the thumbnail for speakers, right? And then we asked Devin, hey, who is this person? And yeah, it kind of did. I made a Tinder detection if this is the same person or not. And I think it's pretty accurate.
It's Jason Liu. Yes. And then we can use this for context. Before when we create the thumbnail, we have to search all the codes that the photographer has and search one by one and maybe by time if possible. But now we can just, oh, this is Jason Liu. We have to download that photo and then we can paste it into the thumbnail, right? And it's pretty amazing. I mean, the world that we live in right now is actually at the peak for me as a designer because what else can you ask for, right? I mean, we already have things to automate. We already have things to create design fast.
Basically, all you need is a problem because once you have a problem worth solving, you can basically solve anything. And back to my talk. I got sidetracked. Yeah. And then, yeah. And this is also the amazing thing that we test. So as you know, we have hundreds of sponsors, right? 140 plus. And as you can see in the lobby, we have the banner with all the sponsors. And I basically tell Devin, hi, could you compare, could you check if there are any missing logos in this graphic? And the accuracy is 100% based on the test that I do.
So that's pretty good. And we use the same thing for the T-shirt that you got for your swag. And yeah, surprisingly, Devin knows how to visualize things, right? How to detect things visually. And that is very surprising because as humans, we can make errors. Oh, it turns out there's one small logo that is missing. But with this, we can double check. So human plus AI combined. Well, you've got your own QA team. And then remove friction. So this is just a way of thinking. As a designer, we have to think as a user, not as a designer, right? Because every user has their needs. You can walk through the map plan here.
So basically, I'm imagining myself as an attendee going to registration, going to see the wayfinding and the QR code, and all the stuff. Basically, everything needs to be connected so you guys don't get lost and know how to find your rooms and other stuff. And the real job is handling exceptions. So for example, there is a schedule update, all right? And when we create this thing, it doesn't have an edit button. And then one morning, hey, this schedule needs to be updated. And we don't have those edit buttons. I could just ask Devin, hey, can you add me an edit button? And then it did.
So we can change everything now and ship it to PNG and re-plug it to the screen, which is pretty convenient, right? And those exceptions, it's not possible before when we have to do it manually. But now it just gets easier. And so the takeaway here is that to solve the scale problem, you have to actually think small. Think all the smallest things possible. Think everything that can go wrong and will go wrong and then try to solve it before. And also, right now basically you can automate everything. And at this moment, having a problem is actually going to benefit you because that's going to help you ship a better product, going to ship things that are good.
And yeah, I think that's all that I can share. Hope my talk has some benefits to you. And yeah, that's all. Thanks, guys. Oh, turns out there's one small sound that is missing. But with this kind of thing, we can like double check. So human plus AI, combine it. Well, you've got your own QA team. And then remove fiction. So this is just the way of thinking. So as a designer, we have to think as a user, not as a designer, right? Because every user has its needs. You can walk through the, for example, the map plan here. So basically, I'm imagining myself as an attendee to go to the registration, go to the, see the wayfinding and the QR code, and then all the stuff.
Basically, everything needs to be connected so you guys don't get lost and knows how to find your rooms and other stuff. And the real job is handling exceptions. So for example, oh, I have, yeah. For example, there is a schedule update, all right? And when we create this thing, it doesn't have an edit button. And then one morning, it just, hey, this schedule needs to be updated. And we don't have those edit buttons. I could just ask Devin, hey, can you add me an edit button? And then it did. So we can change everything now and then ship it to PNG and re-plug it to the screen, which is pretty convenient, right? And those exceptions, right, it's not possible before
when we have to do it manually and stuff. But now it just gets easier. And so the takeaway here is that to solve the scale problem, you have to actually think small. Think all the smallest things possible. Think everything that can go wrong and will go wrong and then try to solve it before. And also, like, yeah, right now basically you can automate everything.
And at this moment, having a problem is actually going to benefit you because that's going to help you ship a better product, going to ship things that are good. and yeah, I think that's all that I can share. Hope my talk has some benefits to you. And yeah, that's all. Thanks, guys.