extracting-interactions - Extract Interaction Specs from Figma Designs
Extracts interaction specifications including hover states, transitions, animations, and triggers from Figma designs, then updates the interaction section in screen spec.md.
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Detect component variants
- Identify interactive elements
- Organize state changes
- Document triggers and actions
- Organize transition animations
- Organize screen transitions
- Update spec.md interaction section
Inputs
- Figma design URL
- Figma design context
- Figma screenshots
- Figma metadata
- spec.md file
Outputs
- Updated interaction section in spec.md
- Interactive elements list
- Component states documentation
- Triggers and actions table
- Transition specifications
- Screen transition specifications
Requirements
- Figma MCP tools (screenshot, design context, metadata)
- Read, Write, Glob tools access
- spec.md file or screen spec template