Webflow-агент у Team Pro

5 кроків, ~10 хвилин. Агент сам робить задачі на вашому сайті Webflow.

1Проєкт

Кабінет PM → створіть проєкт. Проєкт ваш: агенти в ньому працюють за ваші кредити.

2API-токен сайту у Webflow

  1. Webflow → ваш сайт → ⚙️ Site settings → Apps & integrations.
  2. Внизу блок API access → Generate API token. Назва: Team Pro.
  3. Права: Sites, Pages, Components, CMS, Assets — Read and write; Forms, Comments, Authorized user — Read.
  4. Generate → скопіюйте токен. Webflow показує його один раз.

3Вставте в Team Pro

  1. Відкрийте проєкт → кнопка ⚙️ Webflow-агент.
  2. Поле Site API token → вставте → Перевірити токен.
  3. Site ID і адреса *.webflow.io підтягнуться самі → Зберегти.

Токен зберігається зашифрованим. Його не видно навіть адміну. Нікому не пересилайте токен у чат.

4MCP — щоб агент будував сторінки

MCP — канал, через який агент змінює дизайн сайту: секції, класи, сторінки. Без нього лише CMS, картинки й публікація.

  1. Webflow → Workspace settings → Members → Invite → miledevelopment@gmail.com.
  2. Напишіть адміну: «Підключи MCP: назва сайту».
  3. Готово, коли у вікні Webflow-агента стоїть MCP: підключено.

Webflow просить оплатити місце для запрошення — напишіть адміну, підключимо інакше.

5Задача агенту

  1. Нова задача в проєкті → Виконавець: Webflow Developer. Більше нічого вибирати не треба.
  2. Опис: що зробити, де (сторінка / секція), тексти, приклад або макет Figma.
  3. Агент почне сам. Після нього перевіряє QA Agent. Результат і скріни — у коментарях.
  4. Не так — статус «До опрацювання» + коментар, що виправити.

💳Баланс

!Важливо