0s

1s

2s

3s

4s

5s

6s

7s

8s

9s

10s

11s

12s

13s

14s

Design motion fast & free, on your Mac.

Download for free

Requires macOS 26 or above

Onboarding 1
746 × 886 · 60 fps · 9s
Layers
Frame 28
Frame 32
Icon
Frame 84
Ellipse 1
Frame 86
Frame 85
Start sewing
twine ;)
action
It's
Vector 80
Vector 79
Vector 77
Rectangle 2
Vector 85
Vector 83
Vector 84
Vector 82
Frame 89
Vector 81
Vector 89
Vector 88
Vector 87
Vector 86
Vector 85
Vector 84
Animate
Design
Slide In
Start
2.63s
Duration
0.5s
Easing
Slow down
Motion blur
In
Out
From
Distance
160px
Fade
Text animation
Apply to
Whole Text
Swap Preset
New Action
Select Preset
Export
0s
1s
2s
3s
4s
5s
6s
7s
8s
9s
0.00
Vector 84Dashes
Vector 85Dashes
Vector 86Dashes
Vector 88Dashes
Vector 81Dashes
Vector 87Dashes
Vector 89Dashes
Vector 84Dashes
Vector 83Dashes
Vector 82Dashes
Vector 85Dashes
Frame 84Page Turn In
It'sLines Reveal
actionLines Reveal
Frame 86Move
Frame 86Move
twine ;)Lines Reveal
Start sewingSlide In
Frame 84Page Curl Out
Ellipse 1Scale
Onboarding 1
746 × 886 · 60 fps · 9s
Layers
Frame 28
Frame 32
Icon
Frame 84
Ellipse 1
Frame 86
Frame 85
Start sewing
twine ;)
action
It's
Vector 80
Vector 79
Vector 77
Rectangle 2
Vector 85
Vector 83
Vector 84
Vector 82
Frame 89
Vector 81
Vector 89
Vector 88
Vector 87
Vector 86
Vector 85
Vector 84
Animate
Design
Slide In
Start
2.63s
Duration
0.5s
Easing
Slow down
Motion blur
In
Out
From
Distance
160px
Fade
Text animation
Apply to
Whole Text
Swap Preset
New Action
Select Preset
Export
0s
1s
2s
3s
4s
5s
6s
7s
8s
9s
0.00
Vector 84Dashes
Vector 85Dashes
Vector 86Dashes
Vector 88Dashes
Vector 81Dashes
Vector 87Dashes
Vector 89Dashes
Vector 84Dashes
Vector 83Dashes
Vector 82Dashes
Vector 85Dashes
Frame 84Page Turn In
It'sLines Reveal
actionLines Reveal
Frame 86Move
Frame 86Move
twine ;)Lines Reveal
Start sewingSlide In
Frame 84Page Curl Out
Ellipse 1Scale

Motion made simple.

Twine is made so that your muscle memory from other applications carry over.

Figma
Frame 84
Ellipse 1
Start sewing
twine ;)
action
It's
Vector 80
Vector 79
Rectangle 2
Twine

Import from Figma.

Use the plugin to move layers into Twine for animation.

Action to motion.

Twine animates using actions and presets instead of keyframes.

Action to motion.

Twine animates using actions and presets instead of keyframes.

Motion made simple.

Import from Figma

Use Twine plugin from Figma community to import any layer with all their properties into Twine for animation.

Actions & Presets

Easily make motions with one or more actions for more control, or use the collection of presets we have for quick results.

Import from Figma.

Use Twine plugin from Figma community to import any layer with all their properties into Twine for animation.