Figma MCP·Figma
Дизайн-контекст из Figma
Передавайте помощнику структуру макета, компоненты и переменные, чтобы точнее работать с интерфейсом.
Что умеет этот сервер
Получать контекст выбранного макета.
Читать компоненты и дизайн-переменные.
Использовать структуру дизайна при работе с кодом.
Попробуйте такую задачу
Посмотри выбранный экран в Figma и опиши его структуру, отступы и компоненты перед началом вёрстки.
Как подключить
Выберите подходящий способПодключение в Cursor
Конфигурация для текущего проекта. Личные подключения можно хранить в ~/.cursor/mcp.json.
Что понадобится
- Доступ к сервису; при подключении может понадобиться авторизация.
- 01
Откройте файл конфигурации
Создайте .cursor/mcp.json в корне проекта или добавьте сервер в существующий объект mcpServers.
- 02
Сохраните и включите сервер
Откройте настройки MCP в Cursor. Проверьте статус, при необходимости пройдите авторизацию и разрешите инструменты.
.cursor/mcp.json
{
"mcpServers": {
"figma": {
"url": "https://mcp.figma.com/mcp"
}
}
}Как проверить
Создайте новый чат, проверьте список инструментов сервера и попробуйте задачу из примера выше.
Частые вопросы: MCP-серверы
MCP добавляет помощнику инструменты и доступ к данным. Скилл описывает порядок выполнения задачи. Их можно использовать вместе.