102.5K ·GitHub
Что это такое?
OpenDesign — это совместная рабочая среда с открытым исходным кодом, где агент для дизайна работает на базе вашего текущего агента для написания кода (Claude Code, Codex, Cursor, DeepSeek Harness и более 20 других). Агент становится движком дизайна: превращает бриф в настоящие прототипы, дашборды, слайд-презентации, изображения и видео.
OpenDesign — это совместная рабочая среда с открытым исходным кодом, где агент для дизайна работает на базе вашего текущего агента для написания кода (Claude Code, Codex, Cursor, DeepSeek Harness и более 20 других). Агент становится движком дизайна: превращает бриф в настоящие прототипы, дашборды, слайд-презентации, изображения и видео.Это облачный инструмент или то, что я запускаю сам?Это локальное нативное десктопное приложение для macOS и Windows, которое в первую очередь работает на вашем компьютере и управляет любым уже установленным CLI-агентом для написания кода, доступным через PATH. Также его можно развернуть на своём сервере через Docker или Vercel либо запустить из исходного кода на Linux.
Это локальное нативное десктопное приложение для macOS и Windows, которое в первую очередь работает на вашем компьютере и управляет любым уже установленным CLI-агентом для написания кода, доступным через PATH. Также его можно развернуть на своём сервере через Docker или Vercel либо запустить из исходного кода на Linux.Как начать работу?Можно скачать не требующее настройки десктопное приложение для macOS или Windows с сайта open-design.ai или со страницы GitHub Releases. Или обойтись без графического интерфейса и установить OpenDesign прямо в ваш агент для написания кода в виде навыка, плагина или MCP-сервера, например командой 'od mcp install claude'.
Можно скачать не требующее настройки десктопное приложение для macOS или Windows с сайта open-design.ai или со страницы GitHub Releases. Или обойтись без графического интерфейса и установить OpenDesign прямо в ваш агент для написания кода в виде навыка, плагина или MCP-сервера, например командой 'od mcp install claude'.С какими агентами для написания кода он работает?Он подключается к более чем 20 CLI, включая Claude Code, Codex CLI, Cursor, Copilot, OpenCode, OpenClaw, Antigravity, Cline, Trae, Kimi CLI, Hermes Agent и официальный DeepSeek Harness (dsh), который работает как нативная среда выполнения. Если ни одного из них нет, можно использовать прокси BYOK со своим ключом от Anthropic, OpenAI, Azure, Google или Ollama.
Он подключается к более чем 20 CLI, включая Claude Code, Codex CLI, Cursor, Copilot, OpenCode, OpenClaw, Antigravity, Cline, Trae, Kimi CLI, Hermes Agent и официальный DeepSeek Harness (dsh), который работает как нативная среда выполнения. Если ни одного из них нет, можно использовать прокси BYOK со своим ключом от Anthropic, OpenAI, Azure, Google или Ollama.Готова ли сборка для Linux к использованию?Пока нет: готового собранного варианта нет, поэтому пользователям Linux сейчас нужно запускать OpenDesign из исходного кода. Официальная работа над выпуском готовых пакетов для Linux ведётся отдельно.
Пока нет: готового собранного варианта нет, поэтому пользователям Linux сейчас нужно запускать OpenDesign из исходного кода. Официальная работа над выпуском готовых пакетов для Linux ведётся отдельно.Куда на самом деле попадают данные моего дизайна?Все данные остаются там, где они и хранятся: на вашем ноутбуке, на сервере вашей команды или в вашем проекте Vercel. Прокси BYOK защищён от SSRF-атак каждый раз, когда нужен сетевой запрос.
Все данные остаются там, где они и хранятся: на вашем ноутбуке, на сервере вашей команды или в вашем проекте Vercel. Прокси BYOK защищён от SSRF-атак каждый раз, когда нужен сетевой запрос.Это действительно открытый исходный код, как и заявлено?Да, OpenDesign распространяется по лицензии Apache 2.0. Проект прямо противопоставлен Claude Design, который он копирует: тот закрыт, работает только в облаке и является платным.
Да, OpenDesign распространяется по лицензии Apache 2.0. Проект прямо противопоставлен Claude Design, который он копирует: тот закрыт, работает только в облаке и является платным.Что такое HyperFrames?HyperFrames — это видеоплатформа с открытым исходным кодом от HeyGen, нативная для агентов и встроенная в OpenDesign: агент пишет HTML, CSS и GSAP, а затем рендерит результат в детерминированный MP4 с помощью headless Chrome и FFmpeg.
HyperFrames — это видеоплатформа с открытым исходным кодом от HeyGen, нативная для агентов и встроенная в OpenDesign: агент пишет HTML, CSS и GSAP, а затем рендерит результат в детерминированный MP4 с помощью headless Chrome и FFmpeg.Как OpenDesign сохраняет результат в рамках фирменного стиля?Каждая визуализация читает DESIGN.md активного проекта как главный свод правил бренда, а в репозитории поставляются 151 готовый пакет дизайн-систем, которым агент может следовать.
Каждая визуализация читает DESIGN.md активного проекта как главный свод правил бренда, а в репозитории поставляются 151 готовый пакет дизайн-систем, которым агент может следовать.Может ли он обновить существующую кодовую базу, а не начинать с нуля?Да: передайте агенту git-репозиторий и DESIGN.md, и он переработает ваши реальные компоненты, чтобы они соответствовали спецификации бренда. Есть отдельные плагины, которые переносят работу из Figma и Pencil в React, Next.js или Vue.
Да: передайте агенту git-репозиторий и DESIGN.md, и он переработает ваши реальные компоненты, чтобы они соответствовали спецификации бренда. Есть отдельные плагины, которые переносят работу из Figma и Pencil в React, Next.js или Vue.В какие форматы можно экспортировать презентации и прототипы?Презентации экспортируются в HTML, PDF, PPTX, ZIP или Markdown, прототипы — в виде одностраничных HTML-файлов, а видео рендерятся в MP4.
Презентации экспортируются в HTML, PDF, PPTX, ZIP или Markdown, прототипы — в виде одностраничных HTML-файлов, а видео рендерятся в MP4.What are similar projects?open-codesign, baoyu-design, openpencil, cherry-studio, deepseek-design, casbin-gateway, ohmygame, html-anything
open-codesign, baoyu-design, openpencil, cherry-studio, deepseek-design, casbin-gateway, ohmygame, html-anythingWhich topics is it in?claude-design, figma-alternative, ai-design, prototyping, design-systems, slides, vibe-coding, byok, hermes-agent, dsh, coding-agents, dsh-plugin
claude-design, figma-alternative, ai-design, prototyping, design-systems, slides, vibe-coding, byok, hermes-agent, dsh, coding-agents, dsh-plugin