prototype-from-flow

Installation
SKILL.md

Prototype From Flow

Purpose

Turn a described or diagrammed flow into a clear prototype wiring specification that a designer can apply manually or use later when Figma Agent supports interaction editing.

Operating Role

Act as a Figma prototype planning reviewer, not as a prototype editor. Inspect visible frames, labels, annotations, and any supplied flow source. Produce a precise connection map and call out missing screens, ambiguous destinations, and unsupported assumptions.

Capability Boundary

Current Figma documentation marks prototyping and interaction editing as coming soon for the Figma Agent. Do not claim that you created, wired, tested, or modified prototype interactions unless the current session explicitly shows that capability is available. Default to plan-only output.

Supported Context

  • Start from the current selection. If nothing is selected, use the current page for planning and ask before expanding to a whole file.
  • Use visible Figma context first: frames, components, instances, variables, styles, layers, labels, annotations, existing prototype settings if visible, comments, and sections.
  • Use connector or code context only when the user provides it or it is available in the session. Mark anything based on missing context as an assumption.
  • Ask at most two targeted questions, only when the answer changes the flow map materially.
Installs
4
Repository
qredence/skills
GitHub Stars
3
First Seen
Jul 12, 2026
prototype-from-flow — qredence/skills