You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/intro/ff-ui/toolbar.md
+10-4Lines changed: 10 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -47,7 +47,7 @@ The Command Palette makes it easy to find and use things in the App Builder. Ope
47
47
FlutterFlow AI Tools is a powerful set of features designed to speed up app development by leveraging artificial intelligence. These tools allow you to quickly generate app elements such as pages, components, and even entire page layouts with relevant widgets automatically populated.
48
48
49
49
### New Page Creation
50
-
Instantly create complete app pages with the necessary layout and widgets. This can be particularly useful when you're unsure where to start.
50
+
Instantly create pages in your app from a prompt. To create a page, open the **AI Tools** menu from the Toolbar. Next, select **New Page Creation** and enter a description for your page.
51
51
52
52
<div style={{
53
53
position: 'relative',
@@ -76,7 +76,7 @@ Instantly create complete app pages with the necessary layout and widgets. This
76
76
<p></p>
77
77
78
78
### New Component Creation
79
-
Build reusable components quickly using AI.
79
+
Aside from pages, you can also create [Components](/resources/ui/components) directly from a prompt. To create a component, open the **AI Tools** menu from the Toolbar. Next, select **New Component Creation** and enter a description for your UI component.
80
80
81
81
<div style={{
82
82
position: 'relative',
@@ -105,8 +105,9 @@ Build reusable components quickly using AI.
105
105
<p></p>
106
106
107
107
### Sketch To Component
108
-
Simply sketch out your desired layout, and FlutterFlow AI will turn your sketch into actual Components.
108
+
Sketch to Component allows you to add a sketch out your [Component](/resources/ui/components). This sketch can include outlines of widgets or layouts to incorporate, and it can also include annotations that tell the AI tool more about the design you have in mind.
109
109
110
+
To create a Component from a sketch, open the **AI Tools** menu from the Toolbar. Next, select **Sketch to Component** and draw directly in the input or upload an image file of your sketch.
110
111
111
112
<div style={{
112
113
position: 'relative',
@@ -135,8 +136,13 @@ Simply sketch out your desired layout, and FlutterFlow AI will turn your sketch
135
136
<p></p>
136
137
137
138
### Page Autocomplete
138
-
This intelligently adds relevant widgets to a page based on the pages’s context, making it easy to complete partially built pages.
139
+
Page Autocomplete intelligently adds relevant widgets to a page based on the pages’s context, making it easy to complete partially built pages.
140
+
The project context includes the existing widgets and design of those widgets, as well as the page's description.
139
141
142
+
If the page does not have a description, you will be asked to describe what you want the page to contain.
143
+
144
+
To use Page Autocomplete, open the **AI Tools** menu from the Toolbar. Next, and select **Page Autocomplete** on the page that
0 commit comments