Figma Motion: Animation Tool for Designers & Developers
figma.com · 347 words · saved by 1 readers
Create production-ready animations directly in Figma. Bounce, stretch, morph, and export to code or GIF—no extra animation tools required. Free to start.
Create precise, production-ready animations right on the canvas. Motion design, where you design. Whether you’re motion-curious or an easing expert, it’s easy to stretch, bounce, and squash your designs. Polished motion in a prompt Create pro-level animations using Figma’s agent. Use it for repeated moves or complex storytelling. Control every keyframe You have full command over the timeline. Set every frame and property exactly how you want them, then bring in teammates to shape the final animation. Expansive creativity. Precise control. Bring clarity and expression to your work.…
saved by
related reading
- Introducing Figma Motion: Your canvas now has a timelinefigma.com
- Add, select, and delete keyframeshelp.figma.com
- Taste Skill | The Anti-Slop Frontend Frameworktasteskill.dev
- Frontend Design Plugin | Claude by Anthropicclaude.com
- Claude on X: "Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude. Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day. https://t.co/2BgBGtgYGX" / Xx.com
- Jitter · A fast and simple motion design tool on the webjitter.video
- Swishy - AI Motion Designer & Animator | Create Stunning Animationsswishy.ai
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Anime.js | JavaScript Animation Engineanimejs.com
- animos — Motion templates for design showcasesanimos.app
- Wonder — What you see is what you shipwonder.design
- Create & edit Lottie animationslottielab.com