# Import from Figma

There are some steps to bring your Figma file inside Blup.

Import your Figma files directly into Blup with ease! Follow these simple steps to get your designs into Blup in no time. 🚀

### **Step 1: Copy the File ID from the URL**

Open your Figma file in a browser. Look at the URL and find the text after '.../file/' and before the next '/...'. This is your File ID. Copy it! 📋

**Example**: If your URL is `https://www.figma.com/file/abc12345/your-design-file`, you need to copy `abc12345`.

<figure><img src="https://4209426742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me1x4TD1HxodVbK1aDe%2Fuploads%2FIIi7veC6S12dUkr5A6K4%2Ffigma_copy_file_id.png?alt=media&#x26;token=99b6e77b-6ef5-40cc-9202-ca4050651601" alt="copy file id from figma file url"><figcaption><p>Copy File FiD</p></figcaption></figure>

### Step 2: Paste the File ID

Go to Blup and open the "Import from Figma" dialog box. Paste the File ID you copied in the designated field. It's that easy! 🖱️

<figure><img src="https://4209426742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me1x4TD1HxodVbK1aDe%2Fuploads%2FLFsDBiRU26BSQmLKjhar%2Ffigma_paste_file_id.png?alt=media&#x26;token=bb30287c-61e6-4242-90a0-003ba8e3d291" alt="paste file-id"><figcaption><p>Paste the file-id</p></figcaption></figure>

### Step 3: Create a Token from Figma

Now, you need a token to allow Blup to access your Figma file. In Figma, go to your account settings and generate a personal access token. This token is essential for the import process. 🔑

<figure><img src="https://4209426742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me1x4TD1HxodVbK1aDe%2Fuploads%2FAthumebK9dRcOEZbs8KU%2Ffigma_copy_token.gif?alt=media&#x26;token=f2fcb7be-0f63-413f-b6f6-2b220667a81d" alt="create token from figma"><figcaption><p>Create token from figma</p></figcaption></figure>

### Step 4 Paste the copied token

Go back to Blup. In the "Import from Figma" dialog box, paste the token you just created. This will authenticate your import request. ✅

<figure><img src="https://4209426742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me1x4TD1HxodVbK1aDe%2Fuploads%2F3Cq2mn1jH1x77WZ1QyGo%2Ffigma_paste_token.png?alt=media&#x26;token=ce29ecb4-08a9-4172-9229-aedb9bb98546" alt="paste the copied token"><figcaption><p>paste the copied token</p></figcaption></figure>

### Step 5: Wait & let the magic happen!

Click the "Import Design" button in Blup. Select the frames you want to import from your Figma file. Click on "Import" and watch the magic happen! ✨

1. Click on **Import design's** Button
2. Select the frames you want to import and click on **Import**
3. And the magic happens.

<figure><img src="https://4209426742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me1x4TD1HxodVbK1aDe%2Fuploads%2F2IPXTnSQ5pZzqu8IO65D%2Ffigma_import.gif?alt=media&#x26;token=92a5c791-a1a5-446b-9455-3f8b5527c1d8" alt=""><figcaption><p>import design</p></figcaption></figure>

You’ll see your Figma designs appear in Blup, ready for you to continue working on. 🎨