Figma MCP + Cursor — Full Tutorial

Figma recently released a new feature which is  called MCP server which means now you can finally   transfer your designs into code in just like  several clicks. And this is so huge you can't   even believe it. Uh in this video I'm going to  show you how to set up M MCP server and how to   transfer your designs from Figma to code. Hi  my name is Sergei. I'm a creative director and   visual designer and also I love to teach Figma and  framer. So if you're new to this channel, welcome   and please subscribe if you haven't already and  like the video if you like it and thank you so   much for your support on my last video. I got lots  of positive feedback. Thank you so much and I'm   glad that you liked it. So what the heck is the  MCP server? Basically, uh it's a tool or a script   that allows you to transfer some data from one  source to an LLM um app. Uh which basically means   that you can transfer your in in our case transfer  your designs. uh so get them get the data from   Figma and send it to a app which is AI app like  so it can be a corser or chat GPT anything like   that so basically these are all LLM um software  we're going to use Corser and I recommend it to   you because it's the easiest one on the market I  think first of all you need to do some preparation   work and we'll Start with Figma. Uh I'll show you  an example of this calculator uh which I built   using outer layouts. This is very important to use  outer layouts for creating your designs in Figma   currently. And also it's very important to use  variables. Uh these things that you need to learn   if you if you're not sure how to use them. Uh you  can check out my other videos on the channel. I   already have set up uh variables here. Let's check  them out. So basically what I did um I have two   groups. I have groups for colors and I have groups  group for spacing. Basically it's spacing I'm   going to use in my designs. So basically anywhere  where I have a number I will use variable. So   let's check it out. For example this u button  this is a component. This is very important   also to use components.