OpenDesign Motion: бесплатная альтернатива Claude Motion с открытым исходным кодом

OpenDesign Motion вышел 15 октября 2026 года в 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 рендерит эту страницу в детерминированный MP4 с помощью headless Chrome и FFmpeg. 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, который вы приносите.

17 октября 2026 года eogee.com сообщил, что команда запуска OpenDesign сказала: демо-видео запуска сделано с DeepSeek V4.1 Flash внутри OpenDesign. Это заявление поставщика. В заметке нет независимого бенчмарка.

Как установить OpenDesign

Шаги ниже — пути установки из README OpenDesign. Блоки команд скопированы из этого файла.

Приложение для компьютера

README называет приложение для компьютера самым быстрым путём. Ему не нужны Node, pnpm и клон.

После установки приложение само находит каждый CLI агента для кода в вашем PATH. Оно загружает 100+ функциональных навыков, отдельный каталог шаблонов рендера и 151 дизайн-систему. Вы вводите бриф на входном экране.

Проекты могут работать локально или в вашем собственном развёртывании. Запросы к облачным моделям и запросы OpenDesign Cloud идут в эти сервисы.

Установка в агент для кода

OpenDesign можно использовать без интерфейса. Вызывайте его как навык, плагин или MCP-сервер внутри Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi и других.

/usr/bin/od может перекрывать od из OpenDesign. Если вы поставили приложение macOS из DMG или cask Homebrew, оболочка всё ещё может разрешать od в утилиту octal-dump Apple /usr/bin/od. Откройте Settings → MCP server в приложении для компьютера и скопируйте фрагмент для своего клиента. Этот фрагмент использует абсолютные пути и не зависит от голой команды od. Пользователям WSL2 сначала нужно пройти docs/wsl-setup.md в репозитории.

install.sh — тонкая оболочечная обёртка вокруг od mcp install. Она нужна, чтобы размещённый URL отдавал shell, а не запасной HTML лендинга, и быстро завершалась ошибкой, если оболочка разрешает бинарник od, который не от OpenDesign.

# 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 как имя пользователя и значение OD_API_TOKEN из deploy/.env как пароль. Так трафик Docker bridge остаётся с аутентификацией без host networking. Клиенты 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

Откройте URL, который печатает tools-dev. Порты разработки выделяются динамически, если вы не передаёте явные флаги портов.

Используйте Node ~24 и pnpm 10.33.x. Заметки по WSL2 — в docs/wsl-setup.md. Заметки по нативному Windows — в docs/windows-troubleshooting.md. Полный quickstart, переменные окружения и поток упакованной сборки — в QUICKSTART.md. Эти файлы лежат в репозитории.

Как запустить Motion

Заметки v0.25.0 дают такой путь. Откройте Motion Design на Home или Community. Выберите один из пяти встроенных примеров. Используйте motion-навыки из выбора @. Попросите видео. Вы получаете редактируемые исходные файлы и MP4. Интерактивные анимации остаются исполняемым HTML. Звук останавливается, когда вы уходите из активного превью.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Строки ниже опираются на выпуск v0.25.0, README OpenDesign, статью Anthropic от 8 октября 2026 года, справочный центр Claude Motion и страницу этого сайта о том, что такое Gemini Omni.

Claude Motion в бете на Team and Enterprise. Справочный центр говорит, что на Team он включён по умолчанию. На Enterprise он остаётся выключенным, пока владелец не включит его в Organization settings > Artifacts. Статья Anthropic говорит администраторам Enterprise использовать тот же переключатель для Dashboards и Motion.

Claude пишет код, который анимирует текст, графики, фигуры и изображения. Можно изменить любое слово, число или тайминг. Можно поправить работу в редакторе или попросить Claude изменить её, а затем скачать MP4. Справочный центр говорит, что анимация — это артефакт, собранный из Motion template. Он сохраняется на вкладке Artifacts. Экспорт — через Export > MP4. Он частный по умолчанию. Поделитесь, чтобы поделиться им. Использование идёт в счёт лимитов плана. Более длинные или более сложные анимации расходуют больше.

Примеры в статье: квартальный отчёт, превращённый в 30-секундный объясняющий ролик для общего собрания, motion на графике в колоде для совета и обзор продукта для онбординга клиентов. Эти строки — примеры в статье. Максимальная длительность, разрешение и частота кадров не опубликованы. Anthropic говорит, что Claude Motion не использует модель генерации видео. Нет сгенерированных кадров и нет людей, сгенерированных ИИ. Anthropic перечисляет передачу в Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI или Runway, а Canva и Captions — скоро.

Gemini Omni — генеративная модель, которую Google представил на I/O 2026 19 мая. Она создаёт видео из входа текста, изображения, аудио или видео, с нативным синхронным звуком. Первый выпуск — Gemini Omni Flash. Она создаёт настоящие кадры. OpenDesign Motion и Claude Motion рендерят анимации на основе кода. Omni входит в Google AI Plus, Pro, and Ultra.

Ячейка говорит Не опубликовано, когда эти источники не утверждают этот факт.

Когда что использовать

1. Используйте OpenDesign Motion для моушн-дизайна с открытым исходным кодом, который можно править как HTML, CSS и GSAP, а затем экспортировать как MP4. Приложение для компьютера покрывает macOS и Windows. Linux запускается из исходников. Вы приносите агент для кода, который уже есть в вашем PATH, или ставите OpenDesign в один из них.
2. Используйте Claude Motion на плане Claude Team or Enterprise, когда нужна бета-анимация текста, графиков, фигур и изображений внутри Claude. На Team он включён по умолчанию. Владелец Enterprise включает его в Organization settings > Artifacts. Начните со статьи Anthropic и справочного центра.
3. Используйте Gemini Omni, когда нужны сгенерированные кадры и нативный синхронный звук. Что такое Gemini Omni разбирает эту модель. Черновики промптов кадров Gemini Omni или промптов Seedance и Veo для пути связки OpenDesign — в генераторе промптов.

Связанные материалы

• OpenDesign на GitHub
• Выпуск OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Что такое Gemini Omni?
• Генератор промптов