Skip to content

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 and choose Figma as input;
  3. Fill the credentials with: (1) Figma Token - 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:

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