# 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="/files/Hsu7FKhgUCXt35xVv1bo" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/DzcJkVGS9EZwaQBix633" 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="/files/0wycdgwjwNSlVwC5oVpR" alt=""><figcaption></figcaption></figure>

### Selecting the Figma design URL

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

<figure><img src="/files/0utKD8bSvU7u4mOr1cCz" 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="/files/RfCcTEdfsiO4XqsZjJt0" 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="/files/8sVXCJB2bNTRcKf1VIQm" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/qaoC6uJMOQFVeBnwx38D" 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"*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://alphadocs.dualite.dev/integrations/figma.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.