Learn the easy step-by-step process to create a new FlutterFlow project—from visiting the website, creating an account, selecting a platform and template, to publishing your project.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Step 1: Visit the FlutterFlow Website
The first step in creating a new FlutterFlow project is to go to the FlutterFlow website. Open your preferred browser and type in https://flutterflow.io/
into the address bar and press Enter
.
Step 2: Sign In to Your FlutterFlow Account
If you already have a FlutterFlow account, click on the Sign In
button located at the top right corner of the FlutterFlow homepage. Enter your credentials and click Sign In
to proceed.
If you do not have a FlutterFlow account, you can easily create one by clicking on the Sign Up
button beside the Sign In
button. Provide the necessary details to create your account.
Step 3: Create a New Project
Once signed in, your FlutterFlow dashboard will display. This page will list all the FlutterFlow projects that you have created. To create a new project, click on the + Create New App
button located in the middle of the page or at the top right corner.
Step 4: Select the Platform
You will be presented with a pop-up screen asking you to select the platform for your project. You have the option to select either iOS
, Android
, or Both
. Click on your choice to continue.
Step 5: Name Your Project
After selecting the platform, the pop-up screen will display a text field asking you to enter a name for your project. Type in your preferred name and click the Create App
button underneath the text field.
Step 6: Select a Template
You will be redirected to a new page where you can choose from a variety of templates for your project or start from scratch. Navigate through the templates by scrolling down. If you find a template you like, click on it and then click Continue
. If you prefer to start from scratch, select the Blank Project
template and then Continue
.
Step 7: Customize Your Project
Depending on the template you chose in the previous step, your project might now contain several pre-filled sections like pre-designed screens, backend configurations or integrations. You can customize each element to fit your needs by clicking on it and then changing its properties in the right-side panel.
Step 8: Save Your Project
When you are satisfied with your customizations, save your project by clicking the File
menu located at the top left corner of the screen and then click Save
.
Step 9: Preview Your Project
Click on the Preview
button located at the top right corner of the screen. This will open a new tab in your browser, displaying a live preview of your app.
Step 10: Publish Your Project
Once you are satisfied with your project, click on the Publish
button at the top right corner of your screen. Follow the prompts to publish your project. You now have a new working FlutterFlow project!
Remember, you can always come back to your project dashboard to make modifications, review your progress and manage users of your FlutterFlow project.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.