Tunic Motion
Figma plugin · Animated JSON, both ways

Lottie animations, native in Figma

Tunic Motion turns animated JSON into real, editable Figma layers — keyframes, fills, trim paths and all. Tweak anything, then export it right back to Lottie.

Install on Figma — freeSee how it works

Works with any .json exported from After Effects, Bodymovin or your motion tool of choice

tunic-hero.jsonWaiting for a file…
Tunic MotionImport FilePaste JSON

Drop your .json file here

Only JSON format allowed

Browse File
tunic-hero.json
400 × 400
120f · 60fps

Understands the Lottie spec where it matters

Position keyframesRotationScaleOpacityShape fillsStrokesGradientsAlphaPosition keyframesRotationScaleOpacityShape fillsStrokesGradientsAlphaPosition keyframesRotationScaleOpacityShape fillsStrokesGradientsAlphaPosition keyframesRotationScaleOpacityShape fillsStrokesGradientsAlpha
Trim-path draw-onsLayer parentingRounded cornersBezier easingNative vectorsExport to Lottie60 fps previewGroups & transformsTrim-path draw-onsLayer parentingRounded cornersBezier easingNative vectorsExport to Lottie60 fps previewGroups & transformsTrim-path draw-onsLayer parentingRounded cornersBezier easingNative vectorsExport to Lottie60 fps previewGroups & transformsTrim-path draw-onsLayer parentingRounded cornersBezier easingNative vectorsExport to Lottie60 fps previewGroups & transforms
How it works

From JSON to canvas in three moves

No exports, no SVG hacks, no redrawing by hand. The animation you were sent becomes the animation you can edit.

01
anim.json

Drop your .json

Drag an animated JSON file into the plugin — or paste the raw JSON straight from your clipboard.

02

Preview it live

Watch the animation play at 60 fps before it touches your canvas. What you see is what imports.

03

Import as native layers

One click rebuilds it as real Figma vectors — editable shapes, fills and keyframed transforms.

Features

Everything survives the trip — both directions

Built around the parts of the Lottie spec motion designers actually use, in and out of Figma.

Native, editable layers

Imports rebuild as genuine Figma vectors and groups — not flattened images. Rename, restyle, rearrange.

Full keyframe support

Position, rotation, scale and opacity keyframes come across with their bezier easing intact.

Trim-path draw-ons

Line-drawing animations keep drawing. Trim start, end and offset are all understood.

Fills, strokes & gradients

Solid fills, stroked paths, gradient ramps and alpha — colors land exactly where the file says.

Layer parenting

Parent-child transforms survive the trip, so orbits, rigs and linked motion stay linked.

Export as animated JSON

No need for another tool — export your animations as Lottie JSON straight from the plugin, ready for the web or your app.

Pricing

Start free. Go unlimited when it clicks

Same plans as inside the plugin — every Pro plan unlocks the same thing, just pick a billing rhythm.

Free

no card needed
$0/ mo

Free forever

  • 1 import per day
  • 1 export per day
  • Full feature set
Install free

Monthly

flexible
$12/ mo

Billed monthly

  • Unlimited imports & exports
  • Priority support
  • Early access to new features
Upgrade

3 months

Save $4
$10.66/ mo

Billed $32 every 3 months

  • Unlimited imports & exports
  • Priority support
  • Early access to new features
Upgrade

6 months

Save $13
$9.83/ mo

Billed $59 every 6 months

  • Unlimited imports & exports
  • Priority support
  • Early access to new features
Upgrade
Best value

Yearly

Save $45
$8.25/ mo

Billed $99 every year

  • Unlimited imports & exports
  • Priority support
  • Early access to new features
Upgrade

Secure checkout by Lemon Squeezy. Sign in with the same Google account you use in the plugin — Pro activates everywhere within a few seconds of paying.

FAQ

Questions, answered

Everything people ask before their first import.

A Figma plugin that imports animated JSON (Lottie) files as real, editable Figma layers — and exports your work back out as Lottie. No flattened GIFs, no screenshots of keyframes.

Ready to bring your Lotties home?

Install Tunic Motion, drop in a .json, and watch it become real Figma layers. Your first import is 60 seconds away.

Install on FigmaView pricing