About Demotion
DEmotion is a bridge between Figma and Adobe After Effects for motion designers. A Figma plugin sends the selected frame, component or layer straight to After Effects, so you do not rebuild a finished design layer by layer before animating it. The homepage positions it as saving the hours usually spent recreating static designs.
The transfer keeps layers, groups and naming conventions intact, and carries over shadows, blurs, gradients and blend modes. Smart rasterize detects layers that need to be flattened, scale options export at 1x, 2x or 3x, and auto precomp groups layers into pre-compositions for a tidy timeline. The connection reconnects automatically, and the vendor says it handles transfers from small explorations to systems with thousands of layers.
DEmotion is a commercial tool with a pricing section, blog and contact page on its site. It suits UI animators, motion designers and design teams that regularly hand Figma work over to After Effects for animation.
Key features
- One-click Figma to After Effects transfer
- Preserves layers, groups and naming
- Supports shadows, blurs, gradients and blend modes
- Smart rasterize for complex layers
- Export at 1x, 2x or 3x scale
- Auto precomp into pre-compositions
Good fit for
- →Animating UI designs without rebuilding them
- →Handing Figma files to motion designers
- Tags
- figma
- after-effects
- motion-design
- plugin
- animation
- design-handoff
Demotion: questions and answers
- What is Demotion used for?
- Demotion is a Figma plugin paired with an After Effects tool that transfers Figma layers, groups and effects into After Effects compositions in one click. It is a good fit for animating UI designs without rebuilding them and handing Figma files to motion designers.
- How much does Demotion cost?
- Demotion is a paid product with no free plan.
- Is Demotion open source?
- No. Demotion is proprietary (closed-source) software. In the Design category, open-source options include TiXL, Synfig Studio and Animockup.
- What are some alternatives to Demotion?
- Demotion competes with AE Layer Tool.
Open-source alternatives to Demotion
See all
TiXL
Design
TiXL is an open source software to create realtime motion graphics.
MITvs Adobe After Effects★ 5.1k
Synfig Studio
Design
This is the Official source code repository of Synfig Studio animation software
GPL-3.0vs Adobe After Effects★ 2.3kAnimockup
Design
Create animated mockups in the browser 🔥
MIT★ 1.9k
CSS Wand
Design
🎨✨ Hover your wand and use your magic spell to copy beautiful css
MIT★ 1.2k
Penpot
Design
Penpot: The open-source design platform for Product teams that need scalable collaboration
MPL-2.0vs Figma★ 61k
Graphite
Design
Community-built comprehensive 2D content creation appplication for graphic design, digital
Apache-2.0vs Affinity★ 27k
SaaS alternatives to Demotion
See all
AE Layer Tool
Video Editing
After Effects tool that automates captioning of short-form videos for TikTok, Reels and Shorts
SaaS
Jitter
Design
Browser-based motion design tool for animated graphics and videos
SaaS
Lottielab
Design
Browser-based editor for creating and exporting Lottie animations
SaaS
LottieFiles
Design
Lottie animation library, editor and hosting platform
SaaS
Rive
Design
Interactive animation tool and runtime for apps, games and the web
SaaS
Adobe Fresco
Design
Drawing and painting app from Adobe with raster and vector brushes for tablets
SaaS

