Skip to content

Commit fb95d95

Browse files
committed
Small updates
1 parent e6136bf commit fb95d95

File tree

2 files changed

+11
-5
lines changed

2 files changed

+11
-5
lines changed

docs/intro/ff-ui/toolbar.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ The Command Palette makes it easy to find and use things in the App Builder. Ope
4747
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.
4848

4949
### 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.
5151

5252
<div style={{
5353
position: 'relative',
@@ -76,7 +76,7 @@ Instantly create complete app pages with the necessary layout and widgets. This
7676
<p></p>
7777

7878
### 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.
8080

8181
<div style={{
8282
position: 'relative',
@@ -105,8 +105,9 @@ Build reusable components quickly using AI.
105105
<p></p>
106106

107107
### 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.
109109

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.
110111

111112
<div style={{
112113
position: 'relative',
@@ -135,8 +136,13 @@ Simply sketch out your desired layout, and FlutterFlow AI will turn your sketch
135136
<p></p>
136137

137138
### 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.
139141

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
145+
you want FlutterFlow AI to complete.
140146

141147
<div style={{
142148
position: 'relative',

sidebars.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ const sidebars: SidebarsConfig = {
2626
},
2727
{
2828
type: 'category',
29-
label: 'Understanding FlutterFlow UI',
29+
label: 'FlutterFlow Platform',
3030
collapsed: true,
3131
items: [
3232
{

0 commit comments

Comments
 (0)