> 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/pre-setting.md).

# Pre-setting

Learn how to pre-set your UI project on FlutterVision.

## Accessing FlutterVision and sending files

This is the first screen of FlutterVision

. Check the referred numbers and discover what to do in each functionality.

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FLQfJ4mLFTNLST3o93nCK%2Fimage.png?alt=media\&token=3c675e63-430e-4415-9413-ba3cda83e07c)

### 1) Username

Put the username you’ve received by e-mail. 

### 2) Password

Put the password you’ve received by e-mail. 

### 3) Forgot Password

Request a new password, that you'll receive by e-mail.

### 4) Login

You'll be redirected to the user page.

### 5) Create Project

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FPQons8rMKT5kmSSy7SIA%2Fimage.png?alt=media\&token=3029a0d3-e211-4fd5-925f-b6d1a3359fa3)

Create a new project redirecting you to the upload page.

Set the Project name. This name will be used in the download file name. 

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FzbofHuU1lVWfGbsfJi1N%2FUpload%20step.png?alt=media\&token=d6c2555d-0956-4c2f-8a9d-2dfffd3734ed)

{% hint style="info" %}
 **IMPORTANT: NAMES CAN ONLY CONTAIN** A-Z, a-z, 0-9 and underscore. Otherwise, the application cannot be compiled properly. Even the path (e.g. C:\Users\steve\Documents\project\_name) must comply with these rules.
{% endhint %}

### 6) Screenshots

Zip file containing all screens of your project in PNG or JPG format (e.g., sample below)

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2F6XcReSvax1g3tMcMT7cF%2FArtboard%202%404x-100.jpg?alt=media\&token=11a94c1e-fc1c-40f9-a6f6-a43dd1c1cdcb)

### 7) Image Icons

Zip file containing every project image (e.g., widgets, background, icons). PNG or JPG

{% hint style="info" %}
You can use widgets with writing if you want.
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FkXJL2xSn59CnuylfNLt9%2Fassets%20example.png?alt=media\&token=ea94a4c4-0d53-451c-8295-14c15922d1f4)

{% hint style="warning" %}
**PS:** Be sure that all images are in the right dimensions (and proportion) before uploading them. It affects the quality of the end result
{% endhint %}

### 8) Start project

Click on “Start” and let FlutterVision computer vision to detect all UI elements **ATTENTION:** it should take around 20 seconds per screen.