Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions docs/intro/ff-ui/builder.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ keywords: [App Builder, FlutterFlow, UI, Design]
On opening the project, you'll see the App Builder, which consists of four main sections:
[Navigation Menu](#navigation-menu), [Toolbar](#toolbar), [Canvas](#canvas-area), and [Properties Panel](#properties-panel).

![navigation-menu.avif](imgs/navigation-menu.avif)
![App Builder](imgs/navigation-menu.avif)

## Navigation Menu

Expand All @@ -26,11 +26,12 @@ Here is a list of all the features accessible from the navigation menu:
3. **Page Selector**: Manage pages, components, and custom code files, and organize them using folders.
4. **Widget Tree**: Get an overview of all widgets on a selected page.
5. **Storyboard**: Visualize app's design and navigation.
6. **Test Mode**: [Test your app](../../testing-deployment-publishing/running-your-app/run-your-app.md#test-mode) in a live debugging environment.
7. **Firestore**: Create collections and adjust Firestore-related settings.
8. **Data Types**: Create custom data types for your app.
9. **App Values**: Manage [App State variables](../../resources/data-representation/app-state.md) and Constants.
10. **API Calls**: Define API calls.
6. **Search**: Search across your project and filter results by Data, Design, State, Code, or Pages & Components.
7. **Test Mode**: [Test your app](../../testing-deployment-publishing/running-your-app/run-your-app.md#test-mode) in a live debugging environment.
8. **Firestore**: Create collections and adjust Firestore-related settings.
9. **Data Types**: Create custom data types for your app.
10. **App Values**: Manage [App State variables](../../resources/data-representation/app-state.md) and Constants.
11. **API Calls**: Define API calls.
12. **Media Assets**: Upload assets for your app and team.
13. **Cloud Functions**: Write and deploy cloud functions for Firebase.
14. **Tests**: Add automated tests.
Expand All @@ -55,4 +56,4 @@ elements on the canvas. It allows you to add [Actions](../../resources/control-f
The Properties Panel will vary slightly depending on the entity you have selected. To explore the details of each Properties Panel, click on the following:

- **[Page Properties](../../resources/ui/pages/pages-properties.md)** (when you have selected a Page)
- **[Widget Properties](../../resources/ui/widgets/widget-properties.md)** (when you have selected any widget, including built-in components)
- **[Widget Properties](../../resources/ui/widgets/widget-properties.md)** (when you have selected any widget, including built-in components)
Binary file modified docs/intro/ff-ui/imgs/navigation-menu.avif
Binary file not shown.
Loading