Лена весь день сохраняет пины в Pinterest и гоняет «атмосферные» картинки в Canva AI. К вечеру – 40 референсов, ноль HEX и ни одного «не делай фиолетовый градиент». Просит Cursor «сделай в этом стиле» – агент хватает три случайных пина и рисует чужой SaaS-шаблон. Боль знакома: хочется красивый лендинг, а мудборд кажется «только для дизайнеров». Ответ за один вечер: 6–9 кадров через MCP в Cursor, палитра и do/don’t на одной странице – до первой вёрстки.
Мудборд – это не коллаж «для красоты», а договорённость глазами: что нравится, чего нельзя, какие цвета и тон. Workflow новичка: бриф оффера → MCP-кадры в Cursor → curation до 6–9 кадров → 3–5 HEX + запреты → файл в проекте → только потом DESIGN.md или hero. Parent «мудборд» – около 20843 показов/мес, primary «создать мудборд» – 735 (Яндекс Вордстат, Россия, 14.07.2026). ИИ-хвост «создать мудборд ии» пока крошечный – место для практики, а не ещё одного онлайн-конструктора.
Сюрприз из экосистемы 2026: отдельно появился слой mood.md (mood-protocol) – perceptual-контекст до системного DESIGN.md (репозиторий Google Labs design.md на десятки тысяч звёзд). Конкуренты в поиске (Canva, Miro, Lucidspark) учат «собрать коллаж онлайн», но почти не объясняют, как превратить его в правила для агента в Cursor. Ниже – как сделать мудборд маркетологу без Figma-команды.
Чем мудборд отличается от кучи картинок и от DESIGN.md
Боль «накидал 40 пинов – Cursor всё равно рисует другой стиль» решается не объёмом, а смыслом артефакта. На практике мудборд – набор кадров, палитры, mood-слов и запретов под ваш оффер. DESIGN.md – уже токены и компоненты: отступы, кнопки, сетка. Картинки без правил – просто шум.
| Критерий | Pinterest / Canva-коллаж | Мудборд в Cursor | DESIGN.md |
|---|---|---|---|
| Что лежит | Куча референсов без HEX | 6–9 кадров + палитра + do/don’t | Токены, компоненты, QA |
| Где живёт | Чужая доска / вкладка | Файл в папке проекта | Контракт стиля в репо |
| Что понимает агент | «Сделай красиво» | Тон, цвета, запреты | Системные правила вёрстки |
| Когда нужен | Вдохновение | До первой генерации сайта | После фиксации настроения |
Вердикт: сначала мудборд, потом DESIGN.md в Cursor. Не делайте прыжок «40 пинов → сразу лендинг»: агент снова угадает стиль. Используйте референсы как приёмы (свет, ритм, плотность), а не как копипаст чужого бренда.
Соберите бриф оффера до первой генерации
Боль «не понимаю, с чего начать визуал» закрывается половиной страницы текста – без Figma. Например, Лена пишет: продукт (курс), кто клиент, обещание, тон тремя словами, три «нравится» и три «не нравится». Это и есть бриф, из которого потом рождается создание мудборда.
- Шаг 1. Запишите продукт и аудиторию одной фразой.
- Шаг 2. Добавьте обещание оффера и тон (3 слова: спокойный, дорогой, дерзкий – что угодно своё).
- Шаг 3. Перечислите 3 сайта/бренда «нравится» и 3 «не нравится» с причиной.
- Шаг 4. Укажите запреты: чужой логотип, фиолетовый градиент «из коробки», стоковый офис.
- Шаг 5. Проверьте, что бриф лежит в проекте (mood-brief.md), а не в чате мессенджера.
- Шаг 6. Если MCP ещё не подключён – сначала подключение MCP в Cursor, иначе кадры не появятся в папке.
Типичная ошибка – сразу просить нейросеть «сделай красиво». Сделайте бриф первым: агент тогда не тащит случайный Pinterest-хаос. Избегайте 10+ конфликтующих цветов уже на этапе «нравится/не нравится».
Как сгенерировать 6–9 кадров через MCP и отсеять лишнее
Боль «кажется, нужна отдельная Figma / ещё один сервис» снимается розеткой инструментов внутри Cursor. MCP (Model Context Protocol) – способ вызвать генерацию картинок из того же чата, где вы пишете бриф. Точка входа – MCP «Всё подключено»; кадры можно гнать через GPT Image / Nano Banana и экосистему Kie.ai, как в посте Ковчега #1309.
- Шаг 1. Откройте чат Cursor в папке проекта и приложите бриф.
- Шаг 2. Попросите 8–9 кадров: атмосфера hero, текстура фона, UI-настроение, CTA-кнопка в контексте, один антипример «как не надо».
- Шаг 3. Сохраните файлы в папку refs/ рядом с проектом, не только в Pinterest.
- Шаг 4. Сделайте curation: оставьте 6–7 кадров, уберите всё, что спорит по тону.
- Шаг 5. Разложите сеткой на одном холсте (HTML, Markdown или экспорт) – главное одна страница.
- Шаг 6. Подпишите каждый кадр короткой ролью: «свет», «плотность», «CTA».
- Шаг 7. Если нужен разбор промпта и кириллицы – смотрите генерацию картинок через MCP.
Ориентир новичка: 6–9 кадров, не 40. Miro учит цепочку brainstorm → collect → curate – у вас тот же смысл, только артефакт живёт в репозитории. В реальном проекте два «чужих» по тону кадра лучше выкинуть сразу, чем «оставить на всякий случай».
Часто ломается вот что: люди гоняют десяток промптов, пока MCP красный, или сохраняют только ссылки на сток. Проверьте зелёный статус tools до серии кадров. Если кадр «красивый, но про другой продукт» – уберите его без жалости: curation важнее объёма. Создание мудборда нейросетью имеет смысл только когда каждый кадр отвечает брифу оффера.
Зафиксируйте палитру, do/don’t и одну страницу мудборда
Боль «не понимаю, какие цвета брать» и страх скопировать чужой бренд лечатся текстом рядом с кадрами. Добавьте на тот же холст 3–5 цветов с HEX, 1–2 шрифтовых направления с кириллицей, mood-слова и блок don’t / anti-references. Skillbox прямо пишет: мудборд не копируют 1:1 в интерфейс – переносят тон, линии, оттенки. Design Makers предупреждает новичков про кашу из 10+ цветов: держите короткий список.
Шаблон блока правил рядом с коллажем:
Продукт / аудитория: …
Mood: 1–2 слова
Палитра: #… #… #… (ориентир 3–5 оттенков)
Do: … / Don’t: … / Anti-references: не копировать логотип X, сетку Y
Следующий шаг: черновик DESIGN.md без смены палитры
Сделайте файл moodboard.md или moodboard.html в корне проекта. Проверьте, что рядом лежит папка refs/ с кадрами. Не делайте «мудборд только в Canva» – агент его не увидит, когда вы уйдёте из вкладки. Используйте мудборд как договор: следующий промпт не имеет права менять HEX и запреты.
Критерий успеха вечером: одна страница мудборда + текстовые правила + 6–9 кадров под оффер. Если второй промпт в Cursor не «уплывает» в чужой стиль – вы закрыли reader_pain Лены. Дальше можно спокойно собирать лендинг без кода или вайбкодить маркетинг в том же проекте – см. вайбкодинг для маркетинга.
Чеклист передачи в DESIGN.md и hero без смены стиля
Боль «сгенерил картинки – это уже дизайн?» закрывается явной цепочкой. Мудборд фиксирует настроение; DESIGN.md – систему; hero/параллакс – применение. В канале дальше идут AURA Designer (AURADESIGN.md + MCP-визуалы, пост #1319) и PARALAXIMUS для hero-atlas (пост #1311).
Схема вечера:
Бриф оффера → MCP-кадры → curation 6–9 → HEX + do/don’t → moodboard в репо → промпт «прочитай мудборд, не меняй палитру» → черновик DESIGN.md → опционально hero
Чеклист готовности перед следующим шагом:
- есть бриф с «нравится / не нравится»;
- в проекте 6–9 кадров под оффер, не случайный сток;
- записаны 3–5 HEX и mood-слова;
- есть блок don’t / anti-references;
- файл мудборда лежит в репозитории;
- назван следующий шаг: DESIGN.md или hero;
- повторный промпт не меняет палитру и тон.
Напишите агенту коротко: «прочитай мудборд, подготовь черновик DESIGN.md, палитру и запреты не трогай». Избегайте сразу гнать параллакс-hero, пока нет правил – иначе снова получите красивый, но чужой кадр. Если хотите глубже автоматизировать дизайн после мудборда, разберите практику в курсе Make.com и вайбкодинга – но инструмент на сегодня уже есть: Cursor + MCP + одна страница договорённостей.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Опора на источники: гайды Miro How to make a moodboard (update 2026-01-08), Skillbox Media о составе мудборда, Design Makers (3–5 оттенков + HEX), README AURA / PARALAXIMUS / mood-protocol и Google Labs design.md; частотность «мудборд» / «создать мудборд» – по Яндекс Вордстат на 14.07.2026.
Частые вопросы
Чем мудборд отличается от DESIGN.md?
Мудборд фиксирует настроение, референсы, палитру и запреты. DESIGN.md описывает системные токены и компоненты. Сделайте сначала мудборд, затем передайте его агенту как вход для DESIGN.md – так стиль не «плывёт».
Нужна ли Figma, если есть Cursor и MCP?
Для первого мудборда лендинга – нет. Соберите коллаж и правила в проекте через MCP. Figma полезна позже, если команда уже в ней работает; новичок может стартовать без неё.
Сколько референсов достаточно новичку?
Ориентир – 6–9 кадров после curation. Сорок пинов без HEX почти всегда вредят: агент выбирает случайные три. Уберите лишнее до одной страницы.
Можно ли сразу генерировать hero после мудборда?
Да, но только после палитры и do/don’t. Сначала проверьте, что правила лежат в файле. Потом – один hero-atlas (например через PARALAXIMUS), не серия «на удачу».
Как создать мудборд ИИ без стоковых фото?
Подключите MCP, приложите бриф и сгенерируйте кадры под оффер в Cursor. Сохраните refs/ + moodboard.md в репозитории. Не оставляйте результат только на чужой доске «мудборд онлайн».
Что писать агенту после мудборда?
Короткий промпт: прочитай файл мудборда, не меняй HEX и запреты, подготовь черновик DESIGN.md. Используйте ту же папку проекта – так workflow остаётся цельным.
