# How it works

## Convert Figma into a Flutter project

To use FlutterVision with Figma, you need to follow these steps:

1. Organize your Figma project (check our tips on the next page);
2. Create a new project on [FlutterVision](https://web.fluttervision.com/) and choose Figma as input;
3. Fill the credentials with: (1) [Figma Token](https://www.figma.com/developers/api#access-tokens) - it's unique for each Figma account - and (2) Project Key - you can get it on the project URL;
4. After the AI work, please check each page and component. If necessary, you can make some adjustments;
5. You can export and run your Flutter project.

Check this quickly tutorial to understand more about it:

{% embed url="<https://youtu.be/5Q7hNxepCDk>" %}

#### Need a sample to test?

If you don't have a Figma project to test with FlutterVision, we indicates to use this one: <https://www.figma.com/file/7z7ZOf9xXO5rOEupIdM2ql/Travel-Mobile-App-Design-(Community)?node-id=0%3A1>

Credits: <https://www.figma.com/@uxdworld>


---

# 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://docs.fluttervision.com/figma/how-it-works.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.
