Two nodes that embed the f0 editor inside the media-gen graph. Project hosts a full hidden f0 project (website or video) fed by connected inputs and outputs a screenshot/proxy. Lite Editor is a single-page version that outputs editable HTML/CSS + a re-editable bundle.
Where: flowGen → left rail → Add → Website → Website Studio (Project and Lite Editor nodes can no longer be added from the catalog; existing ones keep working) — Add a Website Studio node, or open an existing Project / Lite Editor node
Key ideas
- Project node: A real f0 child project (website/video) inside the graph; connected inputs inject into its assets; outputs a render.
- Lite Editor node: A single-page editor; outputs standalone HTML + CSS and a bundle you can re-edit in another node.
Steps
- Add a Project or Lite Editor node.
- Connect inputs (images, text, design system).
- Open it to edit, then use its output downstream.
Current path
Use Website Studio (Document Editor), Section, and Video Composition for new work. They store editable documents/scenes in the Flowgen graph and open the real f0 editor in an iframe.
Legacy compatibility
Project, Lite Editor, HTML Page Join, and HTML Section nodes remain readable/editable for existing graphs but are no longer Add-catalog paths. Do not design a new workflow around them when a current editor-backed node covers the job.