OpenDesign Motion：免费开源的 Claude Motion 替代方案

OpenDesign Motion 于 2026 年 10 月 15 日随 OpenDesign v0.25.0 发布。该版本的代号是 OpenDesign Motion。标题称之为 Claude Motion 的开源替代。

本站是独立网站。我们与 OpenDesign、Anthropic 或 Google 没有隶属关系。

代码在 open-design 仓库。这次发布统计为 53 个 PR、16 位贡献者和 21 天。那组数字下面的一行是用代码把想法变成视频。

OpenDesign Motion 是什么

OpenDesign Motion 是用代码构建的开源动态设计。OpenDesign 以 Apache 2.0 许可。该版本把它定位为开源的 Claude Motion 替代。它不是文生视频模型。

编程智能体编写 HTML、CSS 和 GSAP。HyperFrames 用无头 Chrome 和 FFmpeg 把该页面渲染成确定性 MP4。HyperFrames 是 HeyGen 的开源、面向智能体的视频框架，在 OpenDesign 中作为一等公民集成。框架许可是 Apache-2.0。README 将目录缩略图标为 © HeyGen。

v0.25.0 说明要求从五个随附示例开始，创建可编辑的动画，并导出 MP4。提出要一段视频，结果就是可编辑的源文件和一个 MP4。交互动画仍是可运行的 HTML。离开当前预览时，声音会停止。五个示例是 Motion Future、Product Promo、Showreel、UI Morph 和 Visual Lesson。视频导出会检查 MP4 能否播放，导出失败时仍保留可编辑的源文件。

同一发布说明称，这个版本让编辑、预览以及跨设备继续工作更顺畅。

README 称仓库附带 11 个 HyperFrames 模板和 39 条 Seedance 提示词。README 把 OpenDesign 的渲染工作流（合成缓存、sandbox-exec 变通办法，以及 MP4-as-chip）指向仓库中的 design-templates/hyperframes/。

README 还说可以把 HyperFrames 与其他生成器搭配。Seedance 2.0 被点名为电影感的文生视频和图生视频。Veo 3、Sora 2 和 Kling 2 被点名为路由的模型变体。Suno v5 和 Lyria 2 被点名为音频层。这种搭配是第二条路径。Motion 渲染本身仍然是把 HTML 动画变成 MP4。

OpenDesign 不自带智能体。README 称设计引擎是你的 PATH 上已有的 claude、codex、cursor-agent、copilot、hermes 或 kimi 二进制文件。一键切换。

应用本身是开源的。它不捆绑模型，因此模型费用取决于你自带的智能体或 API 密钥。

2026 年 10 月 17 日，eogee.com 报道称，OpenDesign 发布团队说发布演示视频是在 OpenDesign 内用 DeepSeek V4.1 Flash 制作的。这是厂商的说法。该报道没有独立基准测试。

如何安装 OpenDesign

下面的步骤是 OpenDesign README 中的安装路径。命令块从该文件原样复制。

桌面应用

README 称桌面应用是最快的路径。不需要 Node，不需要 pnpm，也不需要克隆。

安装之后，应用会自动检测你 PATH 上的每一个编程智能体 CLI。它加载 100+ 功能技能、单独的渲染模板目录，以及 151 个设计系统。你在入口视图输入一份简报。

项目可以在本地运行，也可以在你自己的部署中运行。云端模型请求和 OpenDesign Cloud 请求会发往这些服务。

安装到编程智能体中

你可以不用图形界面使用 OpenDesign。在 Claude Code、Codex、Cursor、Copilot、OpenClaw、Antigravity、Hermes、Kimi 等内部，把它作为技能、插件或 MCP 服务器调用。

/usr/bin/od 可能会遮蔽 OpenDesign 的 od。 如果你从 DMG 或 Homebrew cask 安装了 macOS 应用，shell 仍可能把 od 解析为 Apple 的 /usr/bin/od 八进制转储工具。在桌面应用中打开 Settings → MCP server，复制针对客户端的片段。该片段使用绝对路径，不依赖裸 od 命令。WSL2 用户应先遵循仓库中的 docs/wsl-setup.md。

install.sh 是包在 od mcp install 外面的一层薄 shell 包装。它的存在是为了让托管 URL 返回 shell，而不是落地页 HTML 回退；如果你的 shell 解析到的不是 Open-Design 的 od 二进制文件，它会快速失败。

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw
#         | antigravity | pi | vibe | hermes | cline | kimi | kiro
#         | trae | opencode

# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

然后，在智能体内部：

> Use open-design to generate a landing page with the Linear design system

在有文件系统支持的本地 CLI 运行中，智能体会把所选的功能技能或设计模板与你的 DESIGN.md 组合，写入规范的项目文件，并由 OpenDesign 预览这些文件。没有文件系统工具的 BYOK 或纯 API 运行会返回一个完整的 <artifact> 块。

Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456

如果浏览器要求凭据，用户名用 open-design，密码用 deploy/.env 中的 OD_API_TOKEN 值。这样无需主机网络即可让 Docker 网桥流量经过认证。API 客户端可以继续使用 Authorization: Bearer <OD_API_TOKEN>。

从源码运行

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

打开 tools-dev 打印的 URL。除非你传入明确的端口参数，否则开发端口会动态分配。

使用 Node ~24 和 pnpm 10.33.x。WSL2 说明在 docs/wsl-setup.md。原生 Windows 说明在 docs/windows-troubleshooting.md。完整快速开始、环境变量和打包构建流程在 QUICKSTART.md。这些文件都在仓库中。

如何开始 Motion

v0.25.0 说明给出这条路径。在 Home 或 Community 上打开 Motion Design。选择五个随附示例之一。使用 @ 选择器中的动态技能。提出要一段视频。你会得到可编辑的源文件和一个 MP4。交互动画仍是可运行的 HTML。离开当前预览时，声音会停止。

OpenDesign Motion vs Claude Motion vs Gemini Omni

下面各行使用 v0.25.0 发布、OpenDesign README、Anthropic 的 2026 年 10 月 8 日文章、Claude Motion 帮助中心，以及本站关于 Gemini Omni 是什么 的页面。

Claude Motion 在 Team 和 Enterprise 上处于测试版。帮助中心称，它在 Team 上默认开启。在 Enterprise 上它保持关闭，直到所有者在 Organization settings > Artifacts 中打开。Anthropic 的文章告诉 Enterprise 管理员，Dashboards 和 Motion 使用同一个开关。

Claude 编写代码，让文本、图表、形状和图像动起来。你可以更改任何词语、数字或时间点。你可以在编辑器里调整作品，或让 Claude 修改，然后下载 MP4。帮助中心称，这段动画是由 Motion 模板构建的 artifact。它保存在 Artifacts 选项卡中。用 Export > MP4 导出。默认私密。要分享，就去分享。用量计入计划的用量上限。更长或更复杂的动画会占用更多。

文章中的例子包括：把季度报告做成面向全员会的 30 秒讲解、在董事会演示文稿的图表上加动态，以及面向客户入职的产品导览。这些是文章里的例子。最长时长、分辨率和帧率没有公布。Anthropic 称 Claude Motion 不使用视频生成模型。没有生成的画面，也没有 AI 生成的人物。Anthropic 列出了交接给 Adobe、Descript、HeyGen、Higgsfield、invideo、Luma AI 或 Runway，Canva 和 Captions 即将加入。

Gemini Omni 是 Google 在 I/O 2026 上于 5 月 19 日发布的生成式模型。它根据文本、图像、音频或视频输入创建视频，并带有原生同步音频。首个版本是 Gemini Omni Flash。它生成实际的视频画面。OpenDesign Motion 和 Claude Motion 渲染的是基于代码的动画。Omni 打包在 Google AI Plus、Pro 和 Ultra 中。

当这些来源没有写明该事实时，单元格写未公布。

何时用哪一个

1. 需要可按 HTML、CSS 和 GSAP 编辑、再导出为 MP4 的开源动态设计时，用 OpenDesign Motion。桌面应用覆盖 macOS 和 Windows。Linux 从源码运行。你自带一个已经在 PATH 上的编程智能体，或把 OpenDesign 安装进其中一个。
2. 想在 Claude 里做文本、图表、形状和图像的测试版动画时，在 Claude 的 Team 或 Enterprise 计划上用 Claude Motion。Team 默认开启。Enterprise 所有者在 Organization settings > Artifacts 下打开。从 Anthropic 的文章和帮助中心开始。
3. 想要生成的画面和原生同步音频时，用 Gemini Omni。Gemini Omni 是什么介绍该模型。在提示词生成器里起草 Gemini Omni 画面提示词，或用于 OpenDesign 搭配路径的 Seedance 和 Veo 提示词。

相关阅读

• GitHub 上的 OpenDesign
• OpenDesign v0.25.0 发布
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Gemini Omni 是什么
• 提示词生成器