Figmotion
Bringing motion to your Figma designs
Plugin Preview
About this plugin
Figmotion is an animation tool built right in Figma. This makes the entry into animation easier and more convenient as there is no need to switch to a completely separate motion tool such as Principle, Haiku or After Effects. Figmotion makes the animation hand-off to developers more manageable as well as it is built with web technologies in mind.
Learn more about how to use Figmotion:
Join the Slack channel
https://join.slack.com/t/figmotion/shared_invite/zt-1l2ivvyet-6GFIGoydIdI64FCVbs40NQ
Features
Separated UI to free your Figma viewport
The full Figmotion editor runs in a separate window so you can place your timeilne wherever you want. This is especially useful for using split-screen or when using multiple monitors.
Animating with expressions
Figmotion allows you to use expressions to animate your layers. This allows you to create advanced animations with ease.
Export to Lottie files (beta)
You can export your animations to a Lottie JSON file which allows your developers to easily embed the animation inside the final design.
Render your animations
You can export your animation to different formats such as GIF, MP4 and WEBM.
Plugin Details
| Version | 206 |
|---|---|
| Created | July 16, 2019 |
| Last Updated | December 21, 2024 |
| Category | Prototyping & animation plugins |
| Creator | Liam Martens |
| Stats | 393593 installs, 5722 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"main": "dist/ui.html", "open-plugin-page": "dist/open-plugin-page.html"}
- main:dist/plugin.js
- Network Access:
Rendering, authentication, assets and logging
- Editor Types:figma
- Allowed Domains:
- http://localhost:3000Dev
- http://localhost:8080Dev
- http://localhost:8787Dev
- https://api-proxies-preproduction.figmotion.appDev
- https://api-proxies.figmotion.app
- https://api.axiom.co
- https://authentication.figmotion.app
- https://development-authentication.figmotion.appDev
- https://figmotion-authentication-development.liammartens.workers.dev
- https://fonts.gstatic.com
- https://freighter.gitlab.io
- https://internet-up.ably
- https://internet-up.ably.com
- https://production-render.figmotion.app
- https://render-dev.figmotion.appDev
- https://render.figmotion.app
- https://rest.ably.io
- https://rsms.me
- https://s3.eu-central-2.wasabisys.com
- https://staging-render.figmotion.appDev
- https://storage.googleapis.com
- https://unpkg.com
- https://www.googleapis.com
- wss://realtime.ably.io
- Codegen Languages:
- Framer Motion(motion)
- JSON(json)
More Like This
Discover other plugins in the Prototyping & animation plugins category.