Motion Designer - 动效调试工具

设计师直接在浏览器中调试和修改页面元素的动效参数

As of June 2026, Motion Designer - 动效调试工具 has 8 users in the Productivity category.

Usersup 33.3 percent+33.3%
8
8
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.0.1
Manifest V3

History

8 snapshots

Tracking since Apr 7, 2026.

8.246.54.76Apr 7, 2026Jun 8, 2026
View as table
DateUsersRatingReviewsVersion
Apr 7, 202661.0.1
Apr 19, 202671.0.1
Apr 24, 202661.0.1
May 5, 202661.0.1
May 11, 202651.0.1
May 20, 202661.0.1
May 30, 202651.0.1
Jun 8, 202671.0.1
Now81.0.1

Permissions & access

Permissions
activeTabscriptingstoragesidePaneltabs
Host access
None declared

Screenshots

Motion Designer - 动效调试工具 screenshot 1Motion Designer - 动效调试工具 screenshot 2

About

🎬 Motion Designer - 网页动效设计神器

让网页动效设计变得简单高效!无需手写复杂的 CSS 动画代码,通过可视化界面即可为任意网页元素添加精美动效。

✨ 核心功能

【预设动效库】
• 40+ 精选动效预设:淡入淡出、缩放、滑动、翻转、旋转等
• 强调动效:脉冲、弹跳、抖动、摇摆、心跳等吸引注意力的效果
• Motion 库特有动效:弹簧动画、回弹效果等高级动效
• ReactBits 风格动效:现代 UI 交互动效

【自定义动效编辑器】
• Transform 变换:位移、缩放、旋转自由组合
• Style 样式:透明度、颜色、阴影、模糊渐变
• 其他属性:尺寸变化、圆角、边框动画
• 实时预览,所见即所得

【时间轴编排】
• 多元素动效编排,支持交错动画
• 可视化时间轴,精确控制动画时序
• 批量预览和导出

【一键代码生成】
• CSS Keyframes 代码
• Motion 库代码(React)
• TDesign 组件动效变量
• 复制即用,开发效率翻倍

🎯 适用场景

• 前端开发者:快速原型设计,减少动效调试时间
• UI/UX 设计师:与开发无缝协作,精确传达动效意图
• 产品经理:直观演示交互效果,提升沟通效率
• 学习者:了解 CSS 动画原理,学习动效设计

⚙️ 参数调节

• 时长:50ms - 2000ms 精细控制
• 延迟:支持动画延迟播放
• 缓动函数:ease、linear、spring 弹簧动画等 20+ 缓动选项
• 变换原点:9 种预设位置 + 自定义

🚀 为什么选择 Motion Designer?

✅ 零代码门槛 - 可视化操作,无需记忆复杂语法
✅ 实时预览 - 调整参数立即看到效果
✅ 多框架支持 - CSS、Motion、TDesign 一键切换
✅ 专业级输出 - 生成规范、可维护的动效代码
✅ 轻量高效 - 不影响浏览器性能

立即安装,开启高效动效设计之旅!

Technical

Version
1.0.1
Manifest
V3
Size
161KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
flfdogdcocblpbfhppamjmgkgcilpkca
Developer ID
u0c901486d47b7ac910ff3dd49cb157d4
Developer Email
[email protected]
Created
Jan 10, 2026
Last Updated (Store)
Jan 23, 2026
Last Scraped
Jun 8, 2026
Website
Support URL
Privacy Policy

Similar extensions

Alternatives to Motion Designer - 动效调试工具, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 8, 2026.