Node Reference

Complete reference for all node types available in FloImg Studio.

Generator Nodes

Generator nodes create images from parameters.

QuickChart

Generate Chart.js charts.

Parameter	Type	Description
`type`	select	Chart type (bar, line, pie, etc.)
`data`	json	Chart.js data configuration
`options`	json	Chart.js options
`width`	number	Output width
`height`	number	Output height

Mermaid

Generate diagrams from Mermaid syntax.

Parameter	Type	Description
`code`	text	Mermaid diagram code
`theme`	select	default, dark, forest, neutral

QR Code

Generate QR codes.

Parameter	Type	Description
`data`	text	Content to encode
`size`	number	Size in pixels
`color`	color	Foreground color
`backgroundColor`	color	Background color
`errorCorrection`	select	L, M, Q, H

Screenshot

Capture web pages.

Parameter	Type	Description
`url`	text	URL to capture
`html`	text	Or HTML to render
`width`	number	Viewport width
`height`	number	Viewport height
`fullPage`	boolean	Capture full scroll
`selector`	text	CSS selector to capture

D3

Custom D3 visualizations.

Parameter	Type	Description
`width`	number	SVG width
`height`	number	SVG height
`code`	code	D3 render function

Transform Nodes

Transform nodes modify existing images.

Resize

Change image dimensions.

Parameter	Type	Description
`width`	number	Target width
`height`	number	Target height (optional)
`fit`	select	cover, contain, fill, inside, outside

Blur

Apply gaussian blur.

Parameter	Type	Description
`sigma`	number	Blur intensity (1-100)

Sharpen

Sharpen image edges.

Parameter	Type	Description
`sigma`	number	Sharpen intensity

Rotate

Rotate the image.

Parameter	Type	Description
`angle`	number	Degrees (any angle)

Crop

Crop to a region.

Parameter	Type	Description
`left`	number	Left offset
`top`	number	Top offset
`width`	number	Crop width
`height`	number	Crop height

Convert

Change image format.

Parameter	Type	Description
`format`	select	png, jpeg, webp, avif
`quality`	number	Quality (1-100) for lossy

AI Nodes

AI nodes integrate large language models and vision models into your workflows. They require API keys configured in Settings.

AI Generator (Gemini Generate)

Generate images from text prompts using Gemini’s native image generation.

Parameter	Type	Description
`prompt`	text	Image description
`model`	select	`gemini-2.5-flash-image` (default)

Styling: Purple node with sparkle icon

AI Transform (Gemini Edit)

Edit images using natural language instructions.

Parameter	Type	Description
`prompt`	text	Edit instructions
`prePrompt`	text	Context prepended to prompt (optional)
`model`	select	`gemini-2.5-flash-image` or `gemini-3-pro-image-preview`

Features:

Accepts image input from upstream nodes
Accepts dynamic text input from AI Text nodes (connects to prompt port)

Styling: Purple node with wand icon

AI Text Nodes

Generate text using LLMs with optional structured JSON output.

Gemini Text

Parameter	Type	Description
`prompt`	text	Text prompt
`systemPrompt`	text	System instructions (optional)
`context`	text	Additional context (optional)
`outputFormat`	select	`text` or `json`
`jsonSchema`	json	Schema for structured output (if json)

Styling: Pink node with chat icon

Grok Text

Same parameters as Gemini Text, uses xAI’s Grok models.

Styling: Pink node with chat icon

AI Vision Nodes

Analyze images using vision models.

Gemini Vision

Parameter	Type	Description
`prompt`	text	Analysis prompt
`outputFormat`	select	`text` or `json`
`jsonSchema`	json	Schema for structured output (if json)

Features:

Accepts image input from upstream nodes
Outputs text that can connect to AI Transform prompts

Styling: Cyan node with eye icon

Grok Vision

Same parameters as Gemini Vision, uses xAI’s Grok vision models.

Styling: Cyan node with eye icon

AI Node Connections

AI nodes support dynamic text connections for building intelligent pipelines:

[Image] → [Gemini Vision] → [Gemini Text] → [Gemini Edit] → [Output]
               │                   │               ▲
               │                   │               │
               │                   └───────────────┘
               │                   (prompt output connects to edit prompt)
               └── "Analyze mood" outputs to text node context

Example Pipeline:

Vision node analyzes an input image: “Describe the mood”
Text node uses vision output as context: “Suggest an enhancement”
Edit node receives dynamic prompt from text node’s output

API Key Settings

Configure API keys in Settings > AI Providers:

Provider	Environment Variable	Settings Key
Google (Gemini)	`GOOGLE_AI_API_KEY`	`aiProviders.gemini.apiKey`
xAI (Grok)	`XAI_API_KEY`	`aiProviders.grok.apiKey`

Users can provide their own API keys. Keys are stored locally and never sent to FloImg servers.

Output Nodes

Output nodes save or export results.

File Output

Save to local filesystem.

Parameter	Type	Description
`path`	text	Output file path

S3 Output

Save to Amazon S3.

Parameter	Type	Description
`bucket`	text	S3 bucket name
`key`	text	Object key (path)
`region`	text	AWS region

Download

Trigger browser download.

Parameter	Type	Description
`filename`	text	Download filename

Utility Nodes

Variable

Store a value for reuse.

Parameter	Type	Description
`name`	text	Variable name
`value`	any	Variable value

Switch

Route based on condition.

Parameter	Type	Description
`condition`	text	Expression to evaluate
`cases`	array	Case values and outputs

Merge

Combine multiple inputs.

Parameter	Type	Description
`mode`	select	How to combine inputs