[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:lottiefiles":3},{"id":4,"name":5,"slug":6,"slogan":7,"description":8,"organization":9,"images":10,"avatar_url":11,"image_url":12,"website_url":13,"access_links":14,"status":19,"build_by":20,"categories":21,"stats":28,"upload_relationship":32,"create_at":33,"update_at":34,"owner_id":29,"upload_user_id":35,"reviewer_id":35,"video_info":36,"prerelease_cover_url":37,"scheduled_publish_at":36,"user_scheduled":38,"emoji_reacts":39,"tag":41,"pass_review":36,"user_star":38},3973,"LottieFiles","lottiefiles","为设计师与开发者提供动画素材、在线编辑和 AI 辅助动效制作工具","{\"type\": \"doc\", \"content\": [{\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"产品详细介绍\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"LottieFiles 是 Design Barn Inc. 运营的动画设计与协作平台，服务设计师、开发者及内容团队。围绕网页、应用和演示中的轻量动效，连接素材寻找、动画制作与交付，帮助团队减少在设计文件和开发实现之间反复转换的工作。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"用户既可以从现成动画开始，也可以在浏览器中的 Lottie Creator 创建作品，并借助 AI 辅助设计与修改。平台将创作工具、共享资产和开发接入放在同一流程中，适合需要持续维护动效的项目。\", \"type\": \"text\"}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"核心功能\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【动画素材查找】：按关键词浏览动画库，选择适合项目的免费或付费资源并继续调整，减少从零绘制常用动效的时间。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【在线动画编辑】：在 Lottie Creator 中组织图层、设置关键帧和运动节奏，制作适用于网页、应用或展示内容的轻量动画。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【AI 辅助创作】：用自然语言描述形状或运动效果，让 Motion Copilot 生成可继续编辑的内容，并针对已有选择逐步调整。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【交互逻辑设计】：描述点击、悬停等交互行为，生成包含状态、切换关系与触发条件的节点图，为动画增加可操作的响应。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【团队交付协作】：在共享空间管理动画与设计资产，通过评论和状态更新对齐修改，再预览、优化并交给开发端接入。\", \"type\": \"text\"}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"适合谁\", \"type\": \"text\"}]}, {\"type\": \"bulletList\", \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"需要为网站或应用制作按钮、加载和反馈动效的设计师\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"负责把动画资产接入产品的前端或移动端开发者\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"需要共同管理设计文件、反馈和交付版本的内容团队\", \"type\": \"text\"}]}]}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"使用方式\", \"type\": \"text\"}]}, {\"type\": \"orderedList\", \"attrs\": {\"start\": 1}, \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"在官网浏览动画素材，或打开 Lottie Creator 开始创建作品。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"选择现成素材或建立画布，按需要组织图层并设置动画。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"使用编辑器或 AI 工具调整运动效果，预览交互与播放结果。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"将作品保存到工作区供团队检查，按项目需要导出或接入开发环境。\", \"type\": \"text\"}]}]}]}]}","Design Barn Inc.","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412643_4bd35a93-47c9-463f-b4f2-fe4beb4f5f47.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412643_b3b5edc8-04b5-47ef-9f73-53ae5fc0d877.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412643_aaffd319-5862-4049-ba1c-af2124d70022.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412642_07320730-bb41-4ac8-9188-529944c92438.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412642_fa236bbf-c3df-4d18-b533-9a00b578cae0.png","https:\u002F\u002Flottiefiles.com\u002F",{"items":15},[16],{"platform":17,"url":13,"is_primary":18},"WEB",true,"PUBLISHED",[],[22,25],{"id":23,"name":24},4,"视频创作",{"id":26,"name":27},14,"效率工具",{"upvotes":29,"stars":30,"review_count":29,"reply_count":29,"update_at":31},0,1,"2026-11-12T15:37:08.665Z","THIRD_PARTY","2026-11-11T15:58:54.999Z","2026-11-11T16:14:09.427Z",10004627,null,"",false,{"reacts":40},[],{"items":42},[43,45],{"id":23,"name":44,"sort_order":29},"Web",{"id":46,"name":47,"sort_order":29},9,"免费增值"]