Figma Click Flow

Draws a click-flow overlay on a section of laid-out Figma screens for static handoff: a dot on each clickable element, an elbow line with rounded corners and an open arrow at the destination screen. figma.createConnector is not a function in Figma Design files, so each connector is emulated with one SVG import (recipe in references/draw-overlay.js).

What it does:

• Finds pairs from prototype reactions (click, press or tap that navigates or opens an overlay), from an explicit list of element-to-screen pairs, or from rows of screens in the layout.
• Returns dropped pairs with a reason (node not found, outside section), and stops with a warning when it finds no pairs.
• Draws into one frame named "flow-overlay · click-connectors". A rerun removes the old frame first.
• Stroke color, stroke weight and corner radius are inputs (defaults #E5484D, 4 px, 12 px).

Requires the figma-canon and figma-preflight skills. Writes to the canvas through figma-console-mcp (figma_execute). The recipe also guards for use_figma on the official Figma MCP server, a path this repo has not run.

Part of figma-maxxing, free and MIT on GitHub: https://github.com/thiagoxikota/figma-maxxing