Build sections, full websites, and video compositions with the real f0 editor embedded inside the Flowgen graph.
Where: Flowgen → left rail → Add → Website (Agentic Web / Website Studio) or Video (Video Composition / Video Timeline)
Key ideas
- Shared editor engine: Section, Project, Lite, Document, and Video Composition surfaces open the same f0 editor in a same-origin iframe.
- Graph inputs: Connected HTML, bundle, design system, media, 3D, and per-page section inputs are injected into the embedded document.
- Graph outputs: Save captures editable scene documents plus HTML/CSS, page previews, thumbnails, or rendered video outputs.
Steps
- Create the appropriate editor-backed node.
- Wire generated sections/assets/design system into its typed inputs.
- Run or open the node to launch the embedded f0 editor.
- Edit and click Done/Save so the refreshed outputs propagate downstream.
Embedded editor contract
- The node opens the real f0 editor in a same-origin iframe.
- Typed graph inputs seed content, assets, design system, pages/scenes, or media.
- The editor retains direct visual control over responsive layout, timeline, interactions, and settings.
- Done/Save captures the editable document and refreshed outputs back into the node.
MCP document surface
An external MCP host can call flowgen_open_node_editor, wait for documentSurfaceReady, and then use normal f0 tools with surface="document". Closing the editor saves the result back to Flowgen.
Current editor-backed map
- Agentic Web / Interactive element (UNIFIED_SECTION): one current editable website section.
- Website Studio / Document Editor: current multi-page website assembly/editor.
- Video Composition / Video Timeline: current native video editor document.
- HTML Export: final per-page HTML files, not an editor.
- Legacy HTML Section and HTML Page Join/Combine: compatibility only for saved graphs.
Important naming distinction
The current Unified Section is not retired. Only the older HTML_SECTION type is retired.
Limitations and important notes
- Only one embedded editor overlay/document automation surface can be open at a time.
- Website Document Editor uses pages; video mode uses a continuous timeline and scenes even though a compatibility socket may still contain page_in_home in its id.
Troubleshooting
The embedded editor changed but Flowgen outputs did not refresh
Use Done/Save—or flowgen_close_node_editor through MCP—and wait for the node to capture the updated document.
Related guides
- Create an editable website section in Flowgen
- Build a multi-page site with the Document Editor node
- Assemble and edit a video with the Video Composition node
- Edit Flowgen editor documents through MCP
- MCP host AI and flowmo AI: who does what
- Flowgen-first: canvas, flows, websites & videos
- Choose the right backup and restore path
- Retired HTML Section and HTML Combine: migration guide
- HTML Export node: export standalone website pages