Подключите Figma к VS Code
Чтобы пользоваться Figma в VS Code, подключите аккаунт Figma в Manyplug и один раз добавьте Manyplug в VS Code. После этого у VS Code будет 8 инструментов Figma, например: «Проекты команды», «Файлы проекта» и «Файл». Это занимает около 3 минут и работает на бесплатном тарифе.
Подключить Figma Бесплатный план, без карты
1. Подключите Figma в Manyplug
Нажмите «Подключить Figma» и вставьте ключ или пароль приложения в форму Manyplug:
Личный токен Figma. Меньше минуты.
- В Figma нажмите на своё имя слева вверху → Settings → вкладка Security.Открыть Figma
- В разделе Personal access tokens нажмите Generate new token, дайте права на чтение файлов (File content: Read) и комментарии (Comments: Read and write).
- Скопируйте токен (он начинается с figd_) и вставьте его в форму.
- Токен видит те же файлы, что и вы, и действует от вашего имени.
- У токенов Figma есть срок действия: когда он истечёт, создайте новый.
2. Добавьте Manyplug в VS Code
GitHub Copilot в режиме агента.
- Нажмите «Установить в VS Code» или добавьте сервер в .vscode/mcp.json.
{ "servers": { "manyplug": { "type": "http", "url": "https://manyplug.com/mcp" } } } - Запустите сервер в списке MCP и войдите, когда VS Code попросит.
3. Попросите VS Code
- Какие страницы и фреймы в файле по этой ссылке на Figma?
- Выгрузи главный экран из макета в PNG.
- Какие нерешённые комментарии в макете лендинга?
- Оставь комментарий на фрейме «Оплата»: «Кнопка должна быть оранжевой».
Что VS Code может делать в Figma
Любое действие можно отключить для отдельного аккаунта, а изменения могут ждать вашего «да».
| Действие | Доступ |
|---|---|
| Проекты команды Проекты по id команды. | Читает |
| Файлы проекта Файлы с ключами и датой изменения. | Читает |
| Файл Страницы и фреймы файла. | Читает |
| Элементы Выбранные фреймы и компоненты с текстом и стилями. | Читает |
| Экспорт картинок PNG, JPG, SVG или PDF по ссылкам. | Читает |
| Комментарии Комментарии файла и их статус. | Читает |
| Новый комментарий Комментарий к файлу или ответ на другой. | Вносит изменения |
| Комментарий на фрейме Комментарий, прикреплённый к фрейму. | Вносит изменения |
Вопросы
Можно подключить к VS Code два аккаунта Figma?
Да. Подключите каждый в Manyplug под своим именем, например «Работа» и «Личный». VS Code может работать с одним из них или сразу со всеми.
Изменит ли VS Code что-то в Figma без спроса?
Изменения подчиняются вашим правилам: можно сделать так, чтобы любое изменение в Figma ждало вашего «да», или разрешить VS Code только чтение.
Нужен ли для этого официальный MCP-сервер Figma?
Нет. Manyplug сам подключается к Figma по ключу или паролю приложения из своей формы и отдаёт инструменты VS Code через один MCP-адрес вместе с другими сервисами.
Подключить VS Code к Manyplug бесплатно?
Да. Новое пространство получает 14 дней тарифа «Про» бесплатно, а дальше бесплатный тариф: 150 действий в месяц и до 3 подключённых аккаунтов. Карта не нужна. Платные тарифы — от $5 в месяц.
Видит ли VS Code мои пароли и API-ключи?
Нет. Ключи вводятся на страницах самого Manyplug, хранятся зашифрованными отдельным ключом для каждого аккаунта, а ИИ получает только результаты инструментов.
Figma в других ИИ-приложениях
Другие сервисы для VS Code
AirtableAsanaBitbucketBrevoCal.comCalendlyClickUpCloudflareConfluenceFreshdeskGitHubGitLabGmailGoogle SheetsGoogle ДискGoogle КалендарьHTTP APIHubSpotIntercomJiraLinearMailchimpmonday.comNotionPipedriveSentrySlackStripeTelegramTodoistTrelloTypeformVercelWebflowWhatsAppWordPressZendeskПочта (IMAP/SMTP)