Creative Design & Branding
Video Interaction Mapper
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.
- Publisher / source
- figma/mcp-server-guide (found on GitHub top repositories)
- Upstream record
- figma/mcp-server-guide
- Version
- Version 1
- Published
- Publication review
- Approved for publication
- Content fingerprint
aa32df853ec3c7a33f170dc6261bb207d3f07c58b40b855d72d2f6caf1eae0ab