Open the current full-screen v2 Image Editor from a node or a right-clicked image result, edit a native layered ImageDocument, and rasterize a PNG result for the graph or design canvas.
Where: Flowgen → Add → Image & Vector → Image Editor; or right-click one image-producing node → Image Editor
Key ideas
- Current v2 editor: LayerComposeNode opens ImageEditorRoot in a fixed full-screen portal. The old LayerEditorModal is only the ?v1=1 fallback.
- Layered source plus raster result: The ImageDocument remains the editable source of truth; node rasterization persists the PNG preview/output used by downstream nodes.
- Card and sidebar entry points: Use Edit Canvas or thumbnail Edit on the card, and Edit Composition / Open Canvas Editor in the selected-node sidebar.
Steps
- Add Image Editor, or right-click one image output to create and wire it.
- Open the full-screen editor from the card or properties sidebar.
- Edit with the complete tool rail, menu/options bar, layers/masks/adjustments, panels, dialogs, and AI workflows.
- Save/close, rasterize the changed document, and reuse the node result downstream or on the design canvas.
FAQ
When does the composition actually render to an image?
On demand — when a downstream node consumes the Composition Output, Layer Compose renders the canvas to a PNG, uploads it to Firebase, and stores it as rasterizedImage.
Can I add elements that aren't connected images?
Yes. Inside the editor you can add shapes and native text layers in addition to the connected image layers.
Related guides
- Image Editor node: complete overview
- Open the Image Editor from the graph, card, or sidebar
- Image Editor tool rail: complete reference
- Image Editor layers, masks, adjustments, filters, and workspaces
- Use AI Fill, Erase, Restyle, outpainting, and Remove Background
- Save, export, rasterize, and reuse an Image Editor result