An agentic logo generator: give it a brand brief, pick a logo style and brand colors, and it runs a multi-step pipeline that returns both a PNG and a vector SVG logo on transparent background.
Where: canvas → left rail → Add → Image → Logo Generator — Add a Logo Generation node and write a brand brief
Key ideas
- Brand brief: Type the brand name, industry and values into the Brand Brief field (or wire a Text node to text_in). This drives the whole pipeline.
- Logo style + colors: Pick one of eight styles (Minimal, Bold Type, Script, Geometric, Playful, Vintage, Abstract, Colorful) and add up to three brand colors via the color swatches.
- Design-system colors: Connect a Design System to the Design System handle; toggle 'Auto from DS' to pull palette colors automatically instead of setting them by hand.
- PNG + SVG outputs: The node has two output handles — PNG Logo (image_out) and SVG Logo (svg_out) — and a PNG/SVG tab switcher in the preview so you can download either format.
- Logo Generator card: LogoGenerationNode uses the generic shared-card path. Generate and refine a logo through a multi-step style/color/design-system pipeline.
- Properties sidebar: webNodes.tsx
- Opened surfaces: Reasoning; result editor/preview
Steps
- Add a Logo Generator node.
- Write a brand brief (name, industry, values) in the Brand Brief box.
- Pick a logo style from the 8-tile grid and add brand colors with the + swatch (max 3).
- Optionally connect a Design System node and enable Auto from DS to inherit its palette.
- Click Generate Logo; watch the pipeline steps fill in, then switch the PNG/SVG tab and download or Add to Canvas.
Logo Generator controls and presets
- Add path: Flowgen → Add → Image & Vector → Logo Generator.
- Card: LogoGenerationNode.
- Properties: webNodes.tsx.
- Controls: Logo type; style reasoning; colors; auto extraction; design system; pipeline/orchestrator/model.
- Opened surfaces: Reasoning; result editor/preview.
FAQ
Does the logo come as a real vector?
Yes — alongside the PNG the node produces an SVG you can preview in the SVG tab and download as a true .svg, or drop onto the canvas as an SVG element.