Figma MCP Server · planetabhi — MCP-сервер для Claude Code: обзор и запуск
Локальный MCP-сервер для вызова REST API Figma прямо из ИИ-клиентов. Позволяет читать макеты, забирать токены и работать со стилями.
claude mcp add figma-mcp-server -e FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-serverЧто делает Figma MCP Server
Сервер транслирует методы Figma в 50 отдельных инструментов протокола MCP и работает через стандартный ввод-вывод stdio. Инструменты подгружаются автоматически из каталога tools/figma/ во время запуска процесса. Через них агент получает структуру узлов, запрашивает рендеринг слоёв в картинки, просматривает историю версий и читает комментарии к файлам.
Для авторизации требуется персональный токен доступа FIGMA_API_KEY. Возможности сервера зависят от тарифа учётной записи Figma. Чтение и пакетная правка переменных требуют плана Enterprise, а сбор аналитики библиотек работает только на тарифах Organization или Enterprise. Без нужного уровня подписки вызовы этих методов завершаются ошибкой доступа.
В репозитории проект собран под среду Bun версии 1.2 и новее. Клиенты вроде Claude Code подключают его через команду добавления с передачей переменной окружения.
Какие задачи решает
- выгрузить структуру узлов и свойства слоёв из макета
- получить прямые ссылки на отрендеренные изображения компонентов
- прочитать значения дизайн-токенов и переменных проекта
- просмотреть ветки комментариев внутри файла
Примеры запросов агенту
- Покажи дерево компонентов и цвета из макета Figma по ссылке на файл.
- Экспортируй иконки из фрейма с кнопками в виде картинок.
- Выгрузи список опубликованных переменных из нашей библиотеки стилей.
Как установить Figma MCP Server
Командой платформы
claude mcp add figma-mcp-server -e FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-serverВместо <…> подставьте свои значения
Командой платформы
codex mcp add planetabhi-figma-mcp-server --env FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-serverВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"planetabhi-figma-mcp-server": {
"command": "npx",
"args": [
"-y",
"figma-mcp-server"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"planetabhi-figma-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-mcp-server"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e FIGMA_API_KEY=<FIGMA_API_KEY> planetabhi-figma-mcp-server npx -y figma-mcp-serverВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Figma MCP Server
Как установить Figma MCP Server в Claude Code?
Выполните команду claude mcp add figma-mcp-server -e FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-server, указав вместо <FIGMA_API_KEY> личный токен доступа из настроек безопасности Figma.
Что делает Figma MCP Server?
Он предоставляет ИИ-агенту 50 инструментов для работы с REST API Figma. Модель может изучать структуру файлов, находить стили, проверять комментарии и запрашивать экспорт слоёв.
Какие функции сервера требуют платной подписки Figma?
Чтение и изменение переменных требуют плана Enterprise. Аналитика библиотек открыта на тарифах Organization и Enterprise, а выгрузка журналов действий компании требует прав администратора.
Похожие MCP-серверы
Все MCP-серверы по теме «Дизайн» →Сначала — Figma MCP Server от других авторов.
