Создавайте слайд-презентации из видео или статьи с Open Design (на бесплатных кредитах)

Open Design — это не только для веб-страниц: это мощный генератор презентаций. Это руководство сосредоточено именно на нём: превратить расшифровку видео с YouTube или любую статью в отполированную анимированную слайд-презентацию, работающую бесплатно на бесплатном тарифе кодинг-агента. Оно также охватывает бесплатную настройку Codex, дизайн-системы, инструмент эскизов и импорт ZIP из Claude Design. Оно следует подробному разбору, который Eli Rigobeli даёт в своём видео, переписанному на английском и обновлённому под текущий релиз. Посмотрите видео выше или читайте текстовую версию.

Режим слайд-презентаций: выберите категорию презентации и сделайте форк примера в качестве отправной точки.

Что такое Open Design?

Open Design — это открытая, локальная-в-первую-очередь дизайн-платформа, альтернатива Claude Design, которую вы запускаете на собственной машине и которая управляет любым агентом или моделью на ваш выбор (Codex, Claude Code, Gemini, OpenCode или вашим собственным API key), вместо привязки к одному провайдеру с лимитом токенов. В комплекте идёт богатая библиотека дизайн-систем (каждая — это DESIGN.md) и дизайн-навыки, и она выходит за рамки страниц — к слайд-презентациям, изображениям и видео.

Шаг 1 — Установите и подключите бесплатную модель

Скачайте установщик с open-design.ai/download (macOS / Windows) или запустите из исходников:

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

Откройте локальный URL, который он выведет (порт динамический — не прописывайте его жёстко). Для бесплатной настройки Eli подключает Codex, войдя через бесплатный аккаунт ChatGPT (он даёт еженедельные кредиты), так что вся сессия не стоит ничего. В настройках вы также можете проверить подключение, добавить медиа-провайдеров (изображение/видео/аудио), сменить язык и завести настольного питомца.

Шаг 2 — Сгенерируйте слайд-презентацию из существующего контента

Это самый выдающийся рабочий процесс. Вам не нужно писать презентацию с нуля — скормите Open Design контент, который у вас уже есть:

1. Выберите Слайд-презентацию, назовите её и выберите дизайн-систему (можно даже смешать две, например брендовый вид + кодовый вид).
2. Возьмите исходный контент — Eli копирует расшифровку видео с YouTube (подойдёт и любая статья) — и попросите LLM превратить её в бриф презентации («сгенерируй промпт для презентации из 5 слайдов на основе этой расшифровки: …»).
3. Вставьте это в Open Design и отправьте. Он делает короткий проход discovery (аудитория, визуальный тон — например «журнальный editorial», уровень анимации) и определяет визуальное направление, затем строит.

Результат — действительно отполированная презентация: у Eli были плавные анимации перехода между слайдами и единый журнальный вид на пяти слайдах, пригодный для показа на весь экран. Это самый быстрый способ превратить выступление, статью или видео в презентацию, которой можно поделиться.

Реальный сгенерированный прототип, отрисованный в предпросмотре — Open Design также создаёт полноценные интерактивные страницы, а не только презентации.

Шаг 3 — Больше вводных данных: эскизы, референсы и ZIP из Claude Design

Open Design принимает несколько отправных точек помимо текстового промпта:

• Инструмент эскизов — нарисуйте грубый макет («баннер здесь, карточки ниже»), снабдите его пометками и постройте по вашему эскизу.
• Файлы-референсы — перетащите изображения, скриншоты или папки в качестве контекста и упоминайте их (или навыки) прямо в промпте через @.
• Импорт ZIP из Claude Design — уже есть дизайн-система в Claude Design? Экспортируйте её как ZIP, импортируйте, и Open Design построит новые артефакты, следующие вашим существующим токенам и бренду.

Галерея HyperFrames: управляемые кодом анимационные и видео-работы, которые можно форкать и ремиксовать.

Шаг 4 — Редактируйте, следите за расходами и выпускайте

Используйте Редактирование/Инспектирование, чтобы визуально подправлять элементы (позвольте агенту добавить теги data-oid, если Инспектирование об этом попросит), и комментарий-в-правку, чтобы отметить места. Eli следит за бесплатным балансом Codex — лендинг стоил ~21 % еженедельных бесплатных кредитов, презентация чуть больше — доказывая, что можно делать реальную работу без оплаты. По завершении Поделиться экспортирует в PDF/PowerPoint/ZIP/HTML или деплоит на Vercel.

Его совет по расходам: если вы предпочитаете использовать API key, выбирайте дешёвые модели (GLM, Kimi, DeepSeek) — они стоят малую долю цены и вполне хороши для итераций дизайна.

Советы

• Кормите его контентом, не пишите с нуля — расшифровка или статья → готовая презентация.
• Подключите Codex через бесплатный аккаунт ChatGPT (еженедельные кредиты), чтобы работать бесплатно.
• Смешивайте две дизайн-системы для индивидуального вида; используйте инструмент эскизов, когда макет уже в голове.
• Импортируйте ZIP из Claude Design, чтобы переиспользовать существующую дизайн-систему.
• Следите за балансом кредитов и переключайтесь на дешёвые API-модели (GLM/Kimi/DeepSeek) для масштабирования.

Частые вопросы

Может ли Open Design делать презентации, а не только веб-страницы? Да — режим слайд-презентаций превращает промпт (или вставленную вами расшифровку/статью) в отполированную анимированную HTML-презентацию, которую можно показать на весь экран или экспортировать в PowerPoint/PDF.

Можно ли запускать его полностью бесплатно? Да — подключите Codex через бесплатный аккаунт ChatGPT (или бесплатный тариф Gemini); Eli создаёт страницы и презентации без оплаты, лишь следя за еженедельным балансом кредитов.

С каких вводных данных он может стартовать? Текстовый промпт, нарисованный от руки эскиз, референсные изображения/скриншоты/папки или импортированный ZIP из Claude Design.

Это бесплатно и с открытым исходным кодом? Да — Apache-2.0. Запускайте его локально бесплатно; вы платите только за использование модели/медиа того, что подключаете.

---

Это текстовое руководство основано на подробном разборе от Eli Rigobeli. Посмотрите полное видео выше и подпишитесь на Eli Rigobeli, чтобы получать больше контента про сборку с ИИ.