AI Вайб-кодинг сайта / MCP + Figma + Cursor IDE
Описание
Мой Telegram: https://t.me/seniorfamily
В этом видео мы покажем, как написать фронтенд с помощью Cursor IDE (AI), интегрируя его с Figma и используя готовый макет. Разберём процесс генерации кода, работы с UI-дизайном и ускорения разработки с помощью ИИ
Спасибо тебе за просмотр! ЕСЛИ ТЕБЕ ПОНРАВИЛСЯ РОЛИК, ПОСТАВЬ ЛАЙК И ПОДПИШИСЬ НА КАНАЛ.
========================
Figma - https://www.figma.com/
Cursor IDE - https://www.cursor.com/en
Node JS + NPM - https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
MCP - https://github.com/GLips/Figma-Context-MCP
========================
Таймкоды:
00:00 | Вступление
00:07 | Устанавливаем Cursor IDE
00:15 | Устанавливаем Node JS + NPM
00:24 | Рассматриваем Figma MCP сервер в Github
00:35 | Настраиваем связку Figma + MCP + Cursor IDE
01:21 | Запускаем генерацию
01:47 | Смотрим РЕЗУЛЬТАТ
Рекомендуемые видео





![[АСМР] Осмотр и коррекция у хиропрактика с Юлией (медицинская ролевая игра, реальный человек)](/images/video/2026-03-05/7f/ae/7fae867ab363fad47c8ad0b9b6cc97ca.jpg?width=640)













