Figma Took Their MCP to the Next Level

So starting now, you can create stuff on your Fig Jam file using your AI command AI. They came out with their MCP. Previously, you could do design inside of Figma, but now you can do it also in Fig Jam. And for that, um, we're going to show you how you can do it. I would suggest if you don't know how to use MCPS probably the easiest would be downloaded desktop app if you have it already go to settings and then you go to connectors and here you see I already have Figma if you don't have it go to browse connectors and here you can simply add it and then press configure uh and press connect and then once you have it you can also go into that connector and allow and disallow stuff. Uh you can also add the Figma desktop. This is where if you have the Figma desktop app just like I do. You can set it up here as well. Add custom connector like Figma desktop. You see I already have it. And again here I can allow it to do everything. So you simply using the cloud desktop app add the Figma connector and you're good to go. But if you want to add it to cloud code or you want to add it anywhere else, there's a link in the description uh set up the desktop server. This is using the desktop app. You can just simply copy paste this into your terminal and it is added to your cloud. But if you are interested in doing a remote server, this is when you don't have the desktop app open, you still can using your AI uh agent do stuff with Figma. Uh this is how you set it up there. If you're building an app as well, you'd use the remote one. So if you're building some sort of integration where you want to control Figma, you'd use the remote one. We have a Figma Fig Jam file for our website. And then here I'm using claw desktop app. And I already have a prompt. Paste it in. And just to make sure that we have the connector here. We see we have the Figma. Uh and what I'm going to do this is I found it to be important in my uh use case. it if I don't link the exact file, it might go and do it somewhere where I don't want to do it in another file. So, I'm just linking to this exact file here for my agent and I'm just going to say use the fig jam mcp. Is that how you would do it? Yeah. Yeah. Yeah. In normal they are quite good at kind of picking up what you that you want to use the figma mcp. You don't have to be explicit. Yeah. But if you don't mind taking a few seconds just to say use the Figma MCP, then go. Exactly. Yeah. It should pick up the node you're the frame or the node that you're selecting. But in this case, we're an empty file. So you just cut paste in the file. So did you want to read out the the prompt we've given it? Just a sec. Yeah. So, we have a show called Command AI and want to plan a user flow for our website where users can get to know us, watch the episodes, join us live. Um, for and for the ones more interested in how AI can help them, they can join our insider community. And I'm asking Claude to make two site maps and two user journeys. That's it. That's how normally you would like one of the use cases for Fig Jam to make site maps and user journeys and diagrams and this kind of stuff. And now you see even a live preview which is really really cool. So, it didn't know which file to use and now it is doing it on the wrong account. The mistake was from me. I had the project in my draft and it couldn't edit my draft, but I put it in the team folder. Now, it can edit it. So, so yeah. Uh, but it's all in one page and now we see. Okay. So, this is the flow. Yeah, pretty nice. It's I would say it's quite simple. It's quite simple like visually, but at the same time it's I mean this is really meant to be for visual is it? It's I mean it's it's functional. It's more of a Figma's functional take on on the design process, isn't it? Yeah. So, Fig Jam and Miro share a lot in common and it's a good place to just map things out and have flow diagrams and and create um I don't know what do you do on Fig Jam like create workshops and things like this. It's a really useful tool. It's just nice to be able to use Claude to be able to play with it now, you know, and do people are lost and they want to know more, go to insiders.com showow.com, fill out the form and let us know what you want to talk about and we'll we'll we can get into all of this stuff like how we use AI and what we've just done. Maybe it's a I don't know. You let us know and we'll uh we'll make it happen. This is part of a larger conversation on my show, Command AI, which we stream live every single week. We discuss the news and all things related to AI in the world of design and web. Catch us next week and join in the banter. Command AI.