Create and edit Figma animations programmatically through the Figma Motion API.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "Figma Motion MCP" yet — see the docs or source repo.
Based on the 5 pages in the current Figma file, create consistent transition animations for each page change: 300ms duration, ease-out easing, opacity from 0 to 100%, and Y offset from 16px to 0. Save these settings as reusable motion styles.
Consistent transition keyframes are added across pages, with reusable motion styles created.
Review the button component hover animations in the current design system. Change all durations to 200ms, update the scale effect from 1 to 1.04, standardize easing to ease-in-out, and keep the existing color transitions.
Existing button animations are standardized in bulk while preserving color feedback and visual consistency.
Create entrance animations for all card components in the current prototype: scale from 90% to 100%, opacity from 0 to 100%, total duration 250ms, with a 40ms stagger between cards.
Card components in the prototype receive consistent entrance animations with staggered timing.
Turn Figma docs and business rules into a searchable natural-language index.
Read Figma designs via API to support design-to-code development workflows.
Connect AI to Figma to read and programmatically update designs.
Let AI read and edit Figma files for faster design workflows.
Connect Figma design files to AI assistants for access, management, and collaboration.
Let AI read and modify Figma canvas elements for faster design workflows.