Самое сложное в вайб-дизайне это не создать один экран, а сохранить замысел дизайна на всём пути: когда ты итеративно правишь, строишь и выпускаешь продукт.
Теперь ваш агент может работать напрямую с канвой. Дизайн → код → анимация, в одном рабочем процессе.
Вот короткая демонстрация:
1/ Сначала попросите Codex запустить Open Design локально:
«Помоги мне развернуть локально и запустить Open Design внутри Codex: https://github.com/nexu-io/open-design»
Codex поможет клонировать репозиторий, установить зависимости, запустить локальное приложение и открыть его в встроенном браузере.
2/ Затем опишите, что вы хотите спроектировать.
Вы можете писать прямо в чат, вставлять контекст продукта, загружать референсы или выбрать дизайн-систему/шаблон в качестве отправной точки.
Open Design даёт Codex визуальное полотно, с которым он может работать, а не только текст.
3/ Дальше просто продолжайте общаться с агентом.
Попросите его создавать экраны, изменять макеты, редактировать выбранные компоненты, генерировать варианты или превращать дизайн в код/анимацию.
Процесс дизайна превращается в диалог прямо внутри Codex. 🐈