Bodymovin是一種用于將Adobe After Effects動畫導出為JSON格式的插件，這使得它們可以在Web頁面、移動應用程序和其他數字媒體中使用。使用這個插件，用戶可以創造性地制作酷炫的動畫，并將其導出為JSON格式。

lottie.loadAnimation({
container: document.getElementById('lottie'),
renderer: 'svg',
loop: true,
autoplay: true,
path: 'data.json'
});

為了將After Effects動畫導出為JSON格式，需要使用Bodymovin插件。打開After Effects并在“文件”菜單中選擇“導出”、“Bodymovin”。“Bodymovin導出”對話框將會被打開，允許您自定義輸出選項。這些選項包括輸出的JSON文件名稱、選擇輸出文件夾、選擇輸出格式（SVG或JSON）以及其他選項。

{
"v": "5.5.9",
"fr": 60,
"ip": 0,
"op": 180,
"w": 1080,
"h": 1080,
"nm": "Cubes",
"ddd": 0,
"assets": [
{
"id": "image_0",
"w": 1024,
"h": 1024,
"u": "images/",
"p": "img_0.png",
"e": 0
},
{
"id": "image_1",
"w": 1024,
"h": 1024,
"u": "images/",
"p": "img_1.png",
"e": 0
}
],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 2,
"nm": "Cube 5",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
530,
549,
0
],
"ix": 2
},...
}
}
]
}

JSON文件包含動畫和所有相關資源的指定路徑；例如，圖像或字體。這使得使用JSON動畫變得非常方便，因為它們包含了所有外部引用的URL路徑。導出的JSON文件進一步可以在您的網站或項目中使用。