Tour of FlutterFlow

This is your first 10 minutes of FlutterFlow.

In this video we walk through the interface, show you how to add and configure widgets, add actions like navigation, and connect a backend.

- Chapters -
0:00 Example App (DreamBrush)
0:16 Widget Palette
0:32 Canvas
0:45 Properties Panel
1:04 Widget Tree
1:52 Keyboard Shortcuts
2:12 Preview App (Test Mode)
3:09 Hot/Instant Reloading
3:27 Creating New Pages
4:24 Adding Navigation
4:50 Logic/Action Flow Editor
6:05 Setting Initial Page
6:31 Setting Up A Database (Firebase)
7:33 Adding Authentication
8:01 Adding Collections
8:19 Importing CSV
8:34 Displaying Data From Database
9:04 Binding Widgets to Database Fields
9:54 Next Steps (Learning Resources)

DreamBrush

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[rezakn]

To those who might be lost because you can't find the green + button fro creating new pages as shown here @01:27 they have moved it to the top - right corner of the Widget Tree. Finding this took me more than I'm proud of to admit :D

[TobiasSchorr]

1000 times "Thank you" for offering Flutter I am learning "dart" & "Flutter" at an German private "Academy" and the teaching is not really pedagogic. So some of me and others are not yet successful in coding. But your system shows me in a graphic way, how to use Flutter. This is the solution of our problems!

[vinivivekvishal]

Flutterflow is amazing. The best tool for rapid app development without any restrictions. Loving it. Learning it.

[CauseOfDeath]

UI looks clean, modern, easy to navigate and not too overwhelming which is nice as a non-coder. I can't wait to jump in and start building apps.

[muhammadmusharaf]

Amazing and Astonishing. I wonder why I never came here before.

[zaferabdulrahman]

*FlutterFlow, please do not monetise your videos.*
Imagine being in a classroom and in the middle of a lesson, the teacher suddenly lets
a guy into the middle of the classroom selling things.

[MarysPlantBased]

Loved the logical and laid-back explanations. Very quick and effective walkthrough. Thank you!

[tx]

the UX and ease of use in this is insane. that 1-click Firebase pfoject creation...

[Mel-kwoo]

Front end design is easy on FlutterFlow, but backend is NOT easy in FlutterFlow!especially when you want to create a product app as an ERP, inventory stock, etc

[MaliRasko]

you are channelling that guy from webflow perfectly.. amazing :)

[PeterTran-qcnw]

Show us the most sophisticated app that FlutterFlow can do.

[yakut]

Спасибо, чувак! Круто! У меня получилось!!!

[trendivision]

So many glitches in the app.
1. When you create an account it doesn't tell you have you created, it just stops and you'll just have to believe that the account has been created and enter the details and login.
2. The generation takes forever to load.

[blaine]

This is a comment before flutterflow is famous

[agentbey]

Very impressive!! I started with another no-code builder but they are way too new. I need something that has extensive documentation. Looks like you got it going on. I am kicking myself because I usually research other platforms first. The demo is easy to follow too. I would love to talk to someone from your team.

[artemgordon]

Can you guys please make a short video on how to work around keyboard overflow, column scrolling, etc? How would I be able to allow keyboard popup to overlay atop the app without pushing or scrolling the widgets?

[steftosaure]

Hi I am new to flutterflow I have a question please if for example I subscribe to a premium package I access additional features I have integrated it into my application will my application be blocked if I do not subscribe again next time?

[steve-unix]

When you first try flutterflow for the very first time: a TUTORIAL shows up. I have followed it step by step and ERRORS arise (IMPOSSIBLE to start the app). These errors appear like basic issues, yet... absolutely no idea what they are nor how to fix them.

[josedanielrocarodriguez]

Hello! Very good. Saludos desde Santa Cruz- Bolivia.

[drikting]

How do you slant the carousel images moving at an angle? Can't find that option in Flutterflow Carousel...also Firebase not as easy to setup as shown. Anyway, thanks for the tutorial 🙂