Гайды / Вайбкодинг
Вайбкодинг · Open Design · установка по шагам
Бесплатная копия Claude Design: собирай сайты, презентации и моушн на любой нейросети
Claude Design берёт деньги и режет лимитами. Open Design делает один в один то же самое, только бесплатно и на любой модели. Пишешь словами что хочешь, нейросеть рисует живой макет, ты правишь промптами пока не станет точь-в-точь. Ниже по шагам: что скачать, куда нажать, как собрать первый макет за 10 минут. Понятно человеку, который открывает это впервые
Что это за зверь
Open Design делает то же, что платный Claude Design, только даром
Open Design это бесплатная программа с открытым кодом (open source, то есть код выложен всем даром и его уже проверила куча людей). Ставится прямо на твой компьютер. Ты описываешь словами что нужно, а она рисует готовый редактируемый макет: сайты, прототипы приложений, презентации и даже моушн-графику. Холст бесконечный, правишь промптами снова и снова, пока не станет как надо
Два главных отличия от Claude Design. Первое: бесплатно, без подписок и лимитов. Второе: подключаешь любую нейросеть, хоть Claude, хоть ChatGPT по ключу, хоть локальную модель прямо на своём компе. Дальше по шагам поставим её бабушкиным способом, без терминала и кода
Шаг 0 · что нужно до старта
Дай Open Design нейросеть, проще всего Claude Code
Open Design сам ничего не придумывает, он работает поверх нейросети. Проще всего отдать ему Claude Code (это Claude, встроенный в редактор кода VS Code, как программа на компьютере). Open Design найдёт его сам и будет использовать как движок, бесплатно и ничего не настраивая
Если Claude Code ещё не стоит
У меня есть отдельный гайд: скачать, оплатить российской картой и запустить за один вечер, всё по скриншотам
Установить Claude Code с нуляПроверить, что он стоит, можно одной командой. Открой терминал и вставь её. Если в ответ выскочила версия, всё на месте. Если ругается «command not found», вернись к гайду выше
› claude --version
Шаг 1 · скачать приложение
Зайди на сайт и скачай версию под свою систему
Открой в браузере адрес open-design.ai. На главной нажми кнопку загрузки и выбери свою систему: Mac на Apple Silicon (это чипы M1-M4) или Mac на Intel, либо Windows. Скачается обычный установочный файл, как у любой программы, никакого кода и терминала на этом шаге не нужно
Open Source · Free
Open Design
Бесплатный аналог Claude Design на любой нейросети
Шаг 2 · установить и открыть
Поставь как обычную программу, модель оно найдёт само
На Mac: открой скачанный файл и перетащи иконку Open Design в папку «Программы», потом запусти. На Windows: запусти скачанный установщик, жми «Далее» до конца и открой Open Design с рабочего стола
Что увидишь
Окно с пустым холстом. Приложение само просканирует компьютер и найдёт Claude Code, отдельно его подключать не надо. Если нашло, сверху будет видно активную модель, можно сразу собирать
Шаг 3 · другая нейросеть (по желанию)
Хочешь не Claude, а другую модель? Впиши три поля
Этот шаг нужен, только если хочешь работать не на Claude, а на другой нейросети. Есть Claude Code, спокойно пропускай, всё уже работает. Если нет, зайди в настройки Open Design и впиши три поля любой модели, которая умеет работать по общему формату (OpenAI-совместимому)
baseUrl
apiKey
model
Так подключаются ChatGPT, Gemini и локальные бесплатные модели через Ollama или LM Studio. С локальной моделью вообще всё крутится на твоём компе: без интернета и без оплаты за запросы
Как пользоваться
Первый макет за 10 минут: словами, без рисования
- 01
Выбери тип
Что делаешь: сайт, прототип приложения, презентация, картинка или моушн
- 02
Выбери готовый стиль
Их больше ста, это собранные бренд-оформления (цвета, шрифты, отступы), чтобы не начинать с белого листа
- 03
Напиши бриф словами
Прямо по-человечески, пример ниже можно скопировать и вставить как есть
- 04
Смотри, как рисуется
Макет собирается прямо в окне, его сразу видно живьём, можно листать и нажимать кнопки
- 05
Правь промптами
Не нравится, пиши: «сделай шапку темнее», «убери второй блок», «кнопку крупнее». И так пока не станет точь-в-точь как в голове
› Одностраничный лендинг для домашней кофейни.
Тёплые коричневые тона, крупное фото чашки на
первом экране, блок меню с ценами, кнопка
«Забронировать стол». Спокойно и уютно
Готовый макет выгружается кнопкой: HTML (готовая страница), PDF, презентация PPTX или видео MP4 для моушна
Чтобы не споткнуться
Почему Open Design не видит модель и что за окно «неизвестный разработчик»?
- 01
Приложение не видит модель
Проверь, что Claude Code реально стоит (команда claude --version в терминале должна ответить версией). Либо впиши ключ другой нейросети в настройках, как в Шаге 3
- 02
Mac пишет «программа от неизвестного разработчика»
Нажми на иконку Open Design правой кнопкой, выбери «Открыть», подтверди. Дальше будет открываться обычным двойным кликом
- 03
Видишь варианты «через терминал» или «Docker»
Это для программистов, тебе они не нужны. Бери обычное десктоп-приложение со Шага 1, оно ставится как любая программа
Дизайнер за слова
Дизайнер в кармане, который работает за слова и бесплатно
Что у тебя теперь есть. Бесплатный дизайн-движок, который из пары предложений делает готовый сайт, презентацию или прототип. Не умеешь рисовать и верстать, и не надо, модель делает, ты только правишь словами
Раньше за это платили дизайнеру или сидели в платном Claude Design с лимитами. Сейчас ты собираешь макет за вечер сам, бесплатно, на любой модели. Это и есть вайбкодинг: ты говоришь, машина делает
А дальше
«Нарисовал красивый макет. А как на нём зарабатывать?»
Поставить Open Design и нарисовать красивую картинку это десять минут, по шагам выше ты это сделаешь сегодня. А вот превратить макет в живой сайт, на котором люди оставляют деньги, это уже другая история
Какой продукт вообще собирать. Как из макета сделать рабочий сайт с оплатой. Как пригнать на него людей, чтобы покупали. Одна программа этому не научит, тут нужна система. Я разложил её по шагам на ИИ-Лагере: от идеи продукта до сайта с оплатой и трафика на него, всё на нейросетях, собираем первое вместе со мной
Чертёж и дом
Макет - это чертёж дома, а не сам дом
В чертеже никто не живёт и никому не платит: нужны стены, проводка, дверь, которая открывается. Твой макет ждёт того же перехода - из красивой картинки в сайт, на котором можно принять оплату
На ИИ-Лагере строим этот дом по чертежу: превращаем макет в рабочий сайт с оплатой и приводим на него первых людей
Забрать путёвку в ИИ-ЛагерьЗаявка в закрытый канал, одобряю сразу. Бот сам напишет первым и покажет, как забрать три дня Лагеря. Бесплатно
Инструмент бесплатный, ставится как обычная программа, начать можно сегодня вечером
Забрать путёвку в ИИ-ЛагерьЭто заявка в мой закрытый канал, не оплата. Впускаю сразу, дальше бот в личке отдаёт путёвку на три дня