Webflow-агент у Team Pro
5 кроків, ~10 хвилин. Агент сам робить задачі на вашому сайті Webflow.
1Проєкт
Кабінет PM → створіть проєкт. Проєкт ваш: агенти в ньому працюють за ваші кредити.
2API-токен сайту у Webflow
- Webflow → ваш сайт → ⚙️ Site settings → Apps & integrations.
- Внизу блок API access → Generate API token. Назва:
Team Pro. - Права: Sites, Pages, Components, CMS, Assets — Read and write; Forms, Comments, Authorized user — Read.
- Generate → скопіюйте токен. Webflow показує його один раз.
3Вставте в Team Pro
- Відкрийте проєкт → кнопка ⚙️ Webflow-агент.
- Поле Site API token → вставте → Перевірити токен.
- Site ID і адреса
*.webflow.ioпідтягнуться самі → Зберегти.
Токен зберігається зашифрованим. Його не видно навіть адміну. Нікому не пересилайте токен у чат.
4MCP — щоб агент будував сторінки
MCP — канал, через який агент змінює дизайн сайту: секції, класи, сторінки. Без нього лише CMS, картинки й публікація.
- Webflow → Workspace settings → Members → Invite →
miledevelopment@gmail.com. - Напишіть адміну: «Підключи MCP: назва сайту».
- Готово, коли у вікні Webflow-агента стоїть MCP: підключено.
Webflow просить оплатити місце для запрошення — напишіть адміну, підключимо інакше.
5Задача агенту
- Нова задача в проєкті → Виконавець: Webflow Developer. Більше нічого вибирати не треба.
- Опис: що зробити, де (сторінка / секція), тексти, приклад або макет Figma.
- Агент почне сам. Після нього перевіряє QA Agent. Результат і скріни — у коментарях.
- Не так — статус «До опрацювання» + коментар, що виправити.
💳Баланс
- 💳 у шапці кабінету: баланс, хто зараз працює, історія витрат.
- $1 = 100 кредитів. Година Webflow-агента ≈ 640 кредитів, QA ≈ 580.
- Поповнити: напишіть адміну → інвойс від $100 → після оплати кредити з'являться самі.
- Кредити закінчились — агенти не стартують, задачі чекають.
!Важливо
- Агент працює лише через API і MCP. У ваш кабінет Webflow через браузер не заходить.
- Агент бачить лише сайт свого проєкту.
- Доступні агенти — ті, що в підписці. Список змінює адмін.