/flutterflow-tutorials

How to create a new FlutterFlow project?

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.

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

How to create a new FlutterFlow project?

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.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences