{"enrichment":{"faq":[{"a":"Figma Implement Motion lets you add motion and animation effects directly within your Figma workflow. The skill translates your design animations into runnable code by pairing motion data from Figma with your design structure, merging keyframes, easing, and timing into motion.dev, CSS, or framework-specific implementations.","q":"How do I add motion to Figma designs?"},{"a":"Figma Implement Motion converts animations and transitions from Figma designs into executable application code. It extracts motion data from your Figma designs and integrates it with your design structure to generate production-ready motion implementations across multiple frameworks and technologies.","q":"What does Figma Implement Motion do?"},{"a":"Figma Implement Motion enables you to create animated transitions and movements for UI designs by implementing interactive prototypes with motion. The skill handles the conversion of your Figma animations into code, supporting motion.dev, CSS, and framework-specific motion implementations.","q":"Can I create animations in Figma with this skill?"},{"a":"Figma Implement Motion processes keyframes, easing curves, and timing information from your Figma designs. It merges this motion data with your design structure to produce framework-ready code, whether you're targeting motion.dev, CSS animations, or other animation frameworks.","q":"How does Figma Implement Motion handle animation data?"},{"a":"Figma Implement Motion generates animations in multiple formats including motion.dev, CSS, and framework-specific implementations. This flexibility lets you integrate animated transitions and movements into your application regardless of your tech stack.","q":"What output formats does Figma Implement Motion support?"},{"a":"Yes, Figma Implement Motion supports learning motion design implementation in Figma by showing how design animations translate into actual code. You can observe how keyframes, easing, and timing from your Figma prototypes become executable motion implementations.","q":"Is Figma Implement Motion suitable for learning motion design?"}],"shadow_tags":["animation-tool","design-motion","interactive-prototyping","motion-effects","ui-animation","figma-plugin","prototype-animation","visual-movement"],"summary_rewrite":"Figma Implement Motion translates animations and transitions from Figma designs into runnable application code. It pairs motion data from Figma with your design structure to merge keyframes, easing, and timing into motion.dev, CSS, or framework-specific implementations."},"gist":{"api_url":"https://skillfed.io/api/skills/Devin-AXIS/iPolloWork/figma-implement-motion.json","as_of":"2026-07-27","description":"Figma Implement Motion converts Figma animations into production-ready code for your application stack.","install":{"manual":["git clone https://github.com/Devin-AXIS/iPolloWork","cp -r iPolloWork ~/.claude/skills/figma-implement-motion"],"primary":"npx skillfed install Devin-AXIS/iPolloWork/figma-implement-motion","version":"a57a9d39"},"kind":"skill","mirror_url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-implement-motion.md","similar":[{"id":"FradSer/dotclaude/figma","name":"figma","publisher":"FradSer/dotclaude","url":"https://skillfed.io/FradSer/dotclaude/figma"},{"id":"xtone/ai_development_tools/implementing-figma-to-swiftui","name":"Implementing Figma To Swiftui","publisher":"xtone/ai_development_tools","url":"https://skillfed.io/xtone/ai_development_tools/implementing-figma-to-swiftui"},{"id":"openai/skills/figma-implement-design","name":"Figma Implement Design","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-implement-design"},{"id":"foryourhealth111-pixel/Vibe-Skills/figma-implement-design","name":"figma-implement-design","publisher":"foryourhealth111-pixel/Vibe-Skills","url":"https://skillfed.io/foryourhealth111-pixel/Vibe-Skills/figma-implement-design"},{"id":"tech-leads-club/agent-skills/figma-implement-design","name":"Figma Implement Design","publisher":"tech-leads-club/agent-skills","url":"https://skillfed.io/tech-leads-club/agent-skills/figma-implement-design"}],"title":"Figma Implement Motion by Devin-AXIS: Add motion and animation effects to Figma designs \u2014 SkillFed","use":{"when":["Figma Implement Motion converts animations and transitions from Figma designs into executable application code.","Figma Implement Motion enables you to create animated transitions and movements for UI designs by implementing interactive prototypes."]},"what":{"lead":"Figma Implement Motion converts Figma animations into production-ready code for your application stack.","rest":"Figma Implement Motion translates animations and transitions from Figma designs into runnable application code. It pairs motion data from Figma with your design structure to merge keyframes, easing, and timing into motion.dev, CSS, or framework-specific implementations."}},"id":"Devin-AXIS/iPolloWork/figma-implement-motion","install":{"mode":"external","repo":"https://github.com/Devin-AXIS/iPolloWork"},"links":{"html":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-implement-motion","md":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-implement-motion.md","repo":"https://github.com/Devin-AXIS/iPolloWork"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":266,"language":"TypeScript","last_updated":"2026-07-27","license":"NOASSERTION","name":"Figma Implement Motion","publisher":"Devin-AXIS","stars":1925},"relations":{"similar":[{"id":"figma/mcp-server-guide/figma-implement-motion"},{"id":"connorads/dotfiles/figma"},{"id":"FradSer/dotclaude/figma"},{"id":"awdr74100/figwright/figma-codegen"},{"id":"xtone/ai_development_tools/implementing-figma-to-swiftui"},{"id":"openai/skills/figma-implement-design"},{"id":"foryourhealth111-pixel/Vibe-Skills/figma-implement-design"},{"id":"tech-leads-club/agent-skills/figma-implement-design"},{"id":"PracticalSwan/agent-skills/figma-implement-design"},{"id":"Devin-AXIS/iPolloWork/figma-design-to-code"}]},"slug":{"owner":"Devin-AXIS","repo":"iPolloWork","skill":"figma-implement-motion"},"version":"a57a9d39"}