# Figma

Dualite also supports integrating with your Figma designs.

### TLDR

{% embed url="<https://www.youtube.com/watch?list=PLcoySjNMrqYTSoW0QlaOWDSWk7IcrieIr&v=PFu1JrLOL0c>" %}

### Connecting your Figma account

Click on the Figma icon at the starting screen, and click on Connect Figma

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FzDn3TOynzoVGnoqlB242%2FFrame%201321315360.png?alt=media&#x26;token=0cc123e9-22f1-43ac-9ac6-a07d22ee1c0f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2F6ZdVELltiYIwmDyBUCT9%2FFrame%201321315361.png?alt=media&#x26;token=e45ea2ce-4a9f-4970-aa40-3379f5807623" alt=""><figcaption></figcaption></figure>

You'll be redirected to an oAuth screen. Make sure the oAuth account (<singhvirohan01@gmail.com> in my case) is the same where your Figma file is in.

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FSQ6x1xPidmPqiQap32Zw%2FScreenshot%202025-04-02%20at%207.15.07%E2%80%AFPM.png?alt=media&#x26;token=2056acb0-3316-42f1-b248-72c22ccdc08f" alt=""><figcaption></figcaption></figure>

### Selecting the Figma design URL

On successful authentication, you'll be redirected to this screen.

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FsVzvsDM4sd1M4Hdteh4Y%2FScreenshot%202025-04-02%20at%207.16.51%E2%80%AFPM.png?alt=media&#x26;token=32bb9b4d-1319-4f31-ab78-8088d17c13bf" alt=""><figcaption></figcaption></figure>

Make sure you select the Figma design URL, preferably a Frame, Component or Instance.&#x20;

Here's how you do that:

* Open the Figma design file
* Select the Frame you want to convert
* Right Click on the design
* Select Copy/Paste as
* Select Copy link to selection
* Paste the copied URL in Dualite the field above and click on "Import"

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FhIyn0HfCig3sVN8D4OJD%2FScreenshot%202025-04-02%20at%207.33.06%E2%80%AFPM.png?alt=media&#x26;token=410cf70d-2a97-4aec-9576-915bd97a3a44" alt=""><figcaption></figcaption></figure>

You can reconfirm the same as Dualite will show you. Click on "Continue with this Design" once you're sure for the same. Once clicked, you'll be able to see the "Figma green tick" as a confirmation at the chat bot

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FhePjYvvbi7jDCIO2xFOV%2FScreenshot%202025-04-02%20at%207.34.55%E2%80%AFPM.png?alt=media&#x26;token=688d78de-73f7-4ec6-ba74-4a6c01a97a37" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2Fgpf6uwKkSrcPHFeG9JGX%2FScreenshot%202025-04-02%20at%207.36.04%E2%80%AFPM.png?alt=media&#x26;token=c7643e1f-400c-44d3-9071-9dde38c0628b" alt=""><figcaption></figcaption></figure>

You can then type out in the message any additional details or simply *"Build this Dashboard based off the Figma file"*