From af06b4e20e9d10714dff4c43cb7a8e9b912f7605 Mon Sep 17 00:00:00 2001 From: PoojaB26 Date: Sun, 7 Jun 2026 14:36:09 +0530 Subject: [PATCH 1/2] Add slides documentation for FlutterFlow Designer - Introduced a new markdown file detailing the Slides feature, allowing users to create presentation decks from FlutterFlow Designer projects. - Included setup instructions, speaker notes functionality, presentation modes, navigation shortcuts, and export options to PowerPoint. - Enhanced user experience with embedded interactive demo iframes showcasing the Slides feature in action. --- .../collaboration/collaboration.md | 1 - docs/ff-designer/integrations/_category_.json | 2 +- docs/ff-designer/slides.md | 134 ++++++++++++++++++ 3 files changed, 135 insertions(+), 2 deletions(-) create mode 100644 docs/ff-designer/slides.md diff --git a/docs/ff-designer/collaboration/collaboration.md b/docs/ff-designer/collaboration/collaboration.md index d78ad909..603ae215 100644 --- a/docs/ff-designer/collaboration/collaboration.md +++ b/docs/ff-designer/collaboration/collaboration.md @@ -11,7 +11,6 @@ keywords: [collaboration, share design, real-time editing, presence, comments, l Collaboration lets multiple people work on the same design at once. Edits, cursors, and comments all stay in sync, so a team can explore and refine a design together without passing files back and forth. -{/* 🎬 CLIP: Two editors on one canvas — live cursors moving, a frame updating for both. ~8s */} ## Sharing & Access diff --git a/docs/ff-designer/integrations/_category_.json b/docs/ff-designer/integrations/_category_.json index 9f2df505..b4135936 100644 --- a/docs/ff-designer/integrations/_category_.json +++ b/docs/ff-designer/integrations/_category_.json @@ -1,4 +1,4 @@ { "label": "Integrations", - "position": 6 + "position": 7 } \ No newline at end of file diff --git a/docs/ff-designer/slides.md b/docs/ff-designer/slides.md new file mode 100644 index 00000000..0a1b5fe8 --- /dev/null +++ b/docs/ff-designer/slides.md @@ -0,0 +1,134 @@ +--- +slug: /designer/slides +title: Slides +description: Turn a FlutterFlow Designer project into a presentation deck. Design 16:9 slides, present with presenter view, and import or export PowerPoint files. +tags: [Slides, Presentation, FlutterFlow Designer, PowerPoint] +sidebar_position: 6 +keywords: [slides, presentation, pptx, powerpoint, presenter view, speaker notes, deck] +--- + +# Slides + +**Slides** turns a FlutterFlow Designer project into a presentation deck. Instead of designing phone, tablet, or desktop screens, each frame becomes a 16:9 slide. You get speaker notes, a real present-with-presenter-view mode, and two-way PowerPoint support: import an existing `.pptx` to edit, or export your deck back out to `.pptx`. + +## Set up a slide deck + +1. Switch the project's device type to **Slides**. +2. Frames become fixed presentation sizes: **1280×720** (720p) or **1920×1080** (1080p). +3. Describe the deck you want in the prompt textbox (your topic, key points, and how many slides) and let Designer generate it. +4. Once the deck is generated, refine each slide manually, just like any other design project. + + +
+ +
+

+ + +### Speaker notes + +Each slide gets its own **speaker notes** field in the right-hand panel. These notes show up in presenter mode and travel with PowerPoint import and export. + + +
+ +
+

+ + + +## Present the slideshow + +To start, click the **Present** button in the top bar (only visible on Slides projects), or use the present keyboard shortcut. + +You get a two-window setup: + +- A full-screen **audience view**: clean, black background, showing exactly what the room sees. +- A separate **presenter window** showing the current slide, a preview of the next slide, your speaker notes, an elapsed-time timer, and prev/next controls. + + +
+ +
+

+ +### Navigation shortcuts + +| Action | Keys | +|--------|------| +| Next | `→` · `↓` · `Space` · `Page Down` · or click/tap the slide | +| Previous | `←` · `↑` · `Page Up` | +| Exit | `Esc` | + +:::tip +You can keep editing slides while presenting, and changes sync live into the presentation. When you exit, the canvas jumps back to whatever slide you ended on. +::: + +## Export to PowerPoint + +In the left panel, choose **Export to PowerPoint**, or use the **Export presentation (.pptx)** button in the right panel. + +The result is a real, editable PowerPoint file: text stays as editable text and shapes stay as shapes (not flattened images) wherever possible. Charts export as native charts; icons that can't be represented natively are rendered as images. From 9542a7bf4813a2dcbdc390821f7dc9d8a7c8d311 Mon Sep 17 00:00:00 2001 From: PoojaB26 Date: Sun, 7 Jun 2026 14:51:31 +0530 Subject: [PATCH 2/2] add docs for macos and windows app --- docs/ff-designer/index.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/docs/ff-designer/index.md b/docs/ff-designer/index.md index fe726ebc..7a60f7bc 100644 --- a/docs/ff-designer/index.md +++ b/docs/ff-designer/index.md @@ -32,6 +32,13 @@ import InfoCards from '@site/src/components/InfoCards'; }}> FlutterFlow Designer provides the fastest UI generation in the world, without sacrificing quality or control integrated with agents for a seamless design-to-code experience.

+

+ Available on the web and as a desktop app for macOS and Windows. +