Generate clean vector SVGs from a prompt — choose icon, illustration or flat style, an aspect ratio, and a Gemini model — then add the result to the canvas as an SVG element or a rasterized image.
Where: canvas → left rail → Add → Image → Gen SVG — Add an SVG Generation node and connect a Prompt
Key ideas
- SVG style: Pick Icon (minimal), Illustration (detailed), or Flat (geometric) — this shapes how much detail the model produces.
- Gemini model picker: Choose a currently selectable generation model in the Model dropdown. Saved Gemini 3.5/3.6/3.7 Flash choices resolve to Gemini 3.8 Flash in updated clients.
- Reference images: Wire images to the Ref Images (image_in) handle to steer the look; thumbnails appear in the node.
- Vector or raster output: The result can be added to the canvas as a live SVG element (Add SVG to Canvas) or as a rasterized PNG, and downloaded as either .svg or .png.
- Gen SVG card: SvgGenerationNode uses the generic shared-card path. Generate a versioned SVG from a prompt, reference, style, aspect ratio, and model.
- Properties sidebar: editNodes.tsx
- Opened surfaces: SVG/image lightbox; Add to canvas; Paste to Replace
Steps
- Add an SVG Generator node and connect a Text Prompt node to its Prompt handle.
- Choose an SVG Style (Icon / Illustration / Flat) and an aspect ratio (1:1, 16:9, 9:16).
- Pick a Gemini model in the Model dropdown.
- Optionally connect reference images to the Ref Images handle.
- Click Generate SVG, then use Add SVG to Canvas, Add Image to Canvas, or Download from the result menu.
Gen SVG controls and presets
- Add path: Flowgen → Add → Image & Vector → Gen SVG.
- Card: SvgGenerationNode.
- Properties: editNodes.tsx.
- Controls: Prompt; reference; style; aspect ratio; model; versions.
- Opened surfaces: SVG/image lightbox; Add to canvas; Paste to Replace.