> For the complete documentation index, see [llms.txt](https://docs.knowcode.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.knowcode.app/generating-the-ui-code-flutter.md).

# Generating the UI code - Flutter

Using Flutter framework to test  test your UI prototype.

## How to use your UI code on Flutter

1. Extract all files from the .zip file generated by KnowCode.
2. Open the Flutter file on the folder  on terminal command or on VSCode.
3. Download the Flutter  dependency using "flutter pub get"
4. Run using the command "flutter run"

### **VOILÀ! Your project in Flutter is created.**

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FW078vjYs4etilR36NqMi%2Fapplication%20vs.png?alt=media\&token=4e68f995-6087-45c2-bae4-3ac38db69db4)

### **Running on android**

1. Extract all files from the .zip file generated by KnowCode.
2. Open the Flutter file on the folder  on terminal command or on VSCode.
3. Download the Flutter  dependency using the command "flutter pub get".
4. Execute the command "flutter create -t app \<name of the folder to create the apk>".
5. Copy the lib folder and pubspec.Yaml and replace on the new folder that had been created.
6. In the new folder, open the command terminal and run the command "flutter pub get" again.
7. After run the command "flutter build apk" and the flutter will generate the application in the folder flutter-apk, ready to install and run.

{% hint style="info" %}
To found the flutter-apk folder, you had to do the following path:

\build\app\outputs\flutter-apk
{% endhint %}