byfigma· 14 skills
This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma. Trigger for requests such as "put video frames in Figma", "extract states from my recording", "map interactions from video to Figma", "analyze this screen recording", "create a storyboard from my video", "deconstruct this interaction in Figma", "annotate the UI states in my recording", or "pull the key moments from this video into Figma". Also trigger when the user references a video file (.mp4, .mov, .webm, .avi) together with Figma, design review, interaction analysis, prototypes, or UI states. The skill extracts key visual moments from a video, infers interaction triggers, and builds an annotated Figma Design storyboard using native Figma annotations and uploaded screenshot assets.
$npx -y skills add figma/mcp-server-guide --skill video-interaction-mapperInstalls into the current project.
Run `npx skills use "https://github.com/figma/mcp-server-guide" --skill "figma/mcp-server-guide/video-interaction-mapper"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/figma/mcp-server-guide" that are relevant to the current task. Run `npx skills add "https://github.com/figma/mcp-server-guide"` and select the relevant skills, then follow their instructions.