FigClank: Docs

Connection Summary

Use this table as a quick reference for valid connections between nodes. Drag from the source node's output handle to the target node's input handle.

From (Source)	To (Target)	What Happens
`New Input`	`Simple Output`	Your words get analyzed into a list
	`Create a Plan`	Your idea becomes a step-by-step plan
	`The Architect`	(via Architect Input) Your words guide new designs
`Create a Plan`	`Generate Steps`	Your plan becomes a checklist
`Simple Output (item)`	`WireFrame`	That item becomes a wireframe
`Generate Steps (step)`	`WireFrame`	That step becomes a wireframe
`Generate Steps (step)`	`Generate Image`	That step becomes an AI image
`Upload Image`	`Extract Colors`	Picture gets its colors extracted
	`The Architect`	Picture becomes a design
	`Heatmap`	Picture gets saliency heat map and UX insights
`Add Screenshot`	`The Architect`	Screenshot becomes a design
	`Extract Colors`	Screenshot gets its colors extracted
	`Heatmap`	Screenshot gets saliency heat map and UX insights
`Generate Image`	`Extract Colors`	Generated image gets colors extracted
	`The Architect`	Generated image becomes a design
	`Heatmap`	Generated image gets saliency heat map and UX insights
`The Architect`	`Architect Styling`	Design gets styleable parts
`The Architect`	`Components`	Design gets reusable pieces

WireFrame can only connect to: another WireFrame (for style linking), Export Designs, Enhance Frame, or Heatmap. It cannot connect to other types.

Color Info can connect to WireFrame labels: drag from Color Info to a specific part label on a WireFrame to color that part.

Export Designs receives from WireFrame, Enhance Frame, or Mini App. It exports to Figma.

Heatmap creates an Add Screenshot when you connect WireFrame, Enhance Frame, Export Designs, or Mini App to it—then runs a UX audit.

Each node may have multiple output handles—one per item or step
Connect one output to multiple inputs to reuse the same data
Some nodes (e.g. New Input, Upload Image) have no inputs—they are entry points
Export Designs and Heatmap are typically end nodes—they receive but don't forward