Motion for people who are scared of motion software | Figma Motion + agent demo
Summary
Figma's new Motion feature with AI agent assistance eliminates the intimidation factor of motion design by letting designers write natural language prompts instead of manually keyframing—turning complex animations into 2-3 prompt iterations that even beginners can execute for design system adoption and handoffs.
Key Takeaways
- Use AI agents to generate keyframes from natural language prompts, reducing motion design from hours to minutes—designers built complex notification and icon animations in 2-3 agent iterations.
- Attach variables from your design system to motion animations to ensure consistency across all animations—critical for scaling design tokens and maintaining brand coherence.
- Use motion to uplift design system adoption by creating announcement animations for new icon sets, color modes, and component updates—brands get recognition they wouldn't otherwise receive.
- Build storyboards first by composing frames visually, then feed the entire sequence to the AI agent with a detailed prompt—this hybrid workflow is more effective than asking the agent to build from scratch.
- Motion handoffs to engineers are now simpler—create visual specifications of component behavior (swipe in/out animations) directly in design tools instead of writing prose documentation.
Related topics
Transcript Excerpt
Raise your hand if you're an experienced designer, but every time you open a motion graphics software, you feel paralyzed. Yeah, me too. So, today I'm going to teach you motion, even if you're total beginner. So, let's get into it. For a handover, we want to prepare a simple swipe in, swipe out animation of our notification component to show our engineers how we would like the component to behave in production. I already pre-prepared this animation. So, let's have a look. Switch to motion here on the bottom. And you can see all the key frames are here. Let's zoom a little bit out. Set it to the beginning. And let's play the animation. The toast go in and then the step by step gets swiped out. And this is how I would like them to behave in our app. So, let's build this together. Let's go to…