Пропустите установку. Заработает меньше чем за 2 минуты.
Начните бесплатный период на cloud.anythingmcp.com, добавьте Figma одним кликом и направьте свой ИИ-клиент (Claude, ChatGPT, Copilot или Cursor) на сгенерированный MCP-эндпоинт. Без Docker, без git clone, без опыта разработки.
AnythingMCP есть в каталоге коннекторов Claude: добавьте его в Claude в один клик (откроется в новой вкладке), затем войдите и выберите, какие MCP-серверы может использовать Claude.
Кратко
Дайте ИИ читать ваши дизайны в Figma: просматривать папки команды и файлы, изучать страницы, фреймы и слои, экспортировать изображения, находить компоненты и стили, следить за историей версий, читать и публиковать комментарии и управлять ссылками Dev Mode. С персональным токеном доступа.
Попробуй спросить
Примеры промптов для Figma
Кликни по промпту — он скопируется. Вставь в Claude, ChatGPT, Cursor, Gemini, Copilot или OpenClaw и запусти через этот коннектор.
Claude — это AI, он может ошибаться. Проверяйте ответы.
💡 Без установки? Используйте cloud.anythingmcp.com напрямую. Войдите, нажмите Connectors → Figma, вставьте учётные данные, создайте MCP API key, и готово. Без Docker, без
git clone, без локального сервера.
Figma + Claude
Дайте ИИ читать ваши дизайны в Figma: просматривать папки команды и файлы, изучать страницы, фреймы и слои, экспортировать изображения, находить компоненты и стили, следить за историей версий, читать и публиковать комментарии и управлять ссылками Dev Mode. С персональным токеном доступа.
Предварительные требования
Полные инструкции по настройке встроены в коннектор (видны в магазине при выборе коннектора). Требуемые переменные окружения:
FIGMA_ACCESS_TOKEN
Шаг 1 — Получите учётные данные
- В Figma откройте меню аккаунта (слева вверху в браузере файлов) → Settings → Security → Personal access tokens → Generate new token.
- Задайте имя токена (например, «AnythingMCP») и выберите срок действия: не больше 90 дней, бессрочные токены Figma больше не выдаёт. Отметьте эти scopes:
current_user:read,file_content:read,file_metadata:read,file_versions:readfile_comments:read,file_comments:writelibrary_content:read,library_assets:read,team_library_content:readfolders:readfile_dev_resources:read,file_dev_resources:write
- Нажмите Generate token и сразу скопируйте токен: Figma показывает его только один раз. Обычно он начинается с
figd_. - Вставьте токен в
FIGMA_ACCESS_TOKENбез слова Bearer, затем установите коннектор. - Начните с
figma_get_me: инструмент показывает, какому пользователю Figma принадлежит токен. Затем дайте ИИ ссылку на файл: ключ файла находится в URL после/design/.
Срок действия токена: токены действуют не больше 90 дней. Когда срок истечёт, создайте новый токен с теми же scopes и снова вставьте его в FIGMA_ACCESS_TOKEN. Коннектор видит ровно те файлы и команды, которые может открыть пользователь токена. У токенов, созданных до того, как Figma переименовала проекты в папки (folders), может быть только projects:read, а инструментам для папок нужен folders:read: если они отвечают 403 с названием scope, создайте новый токен.
Как найти команды и папки: через API Figma нельзя получить список ваших команд. Дайте ИИ ссылку на страницу команды из браузера файлов (идентификатор команды: число после /team/); дальше через figma_list_team_folders, figma_list_subfolders и figma_list_folder_files он доберётся до файлов.
Разрешения и режим только для чтения: не выдавайте file_comments:write и file_dev_resources:write и отключите figma_post_comment, figma_delete_comment, figma_add_comment_reaction, figma_create_dev_resource и figma_update_dev_resource. Комментарии, которые публикует ИИ, появляются от имени пользователя токена, и их видят все, у кого есть доступ к файлу.
Выключены при установке: figma_delete_dev_resource, который удаляет ссылку Dev Mode с узла для всех. Включайте его, только если ИИ должен удалять dev resources.
Лимиты запросов и тариф Starter: Figma ограничивает запросы по пользователю и по тарифу, к которому относится файл. Самый жёсткий лимит у чтения содержимого файлов, узлов и рендеринга изображений (figma_get_file, figma_get_file_nodes, figma_render_images): от 10 до 20 в минуту на платном тарифе с местом Full или Dev, но лишь несколько в месяц для файлов на бесплатном тарифе Starter или с местом View или Collab. Для метаданных, комментариев, версий, компонентов и стилей лимиты гораздо выше. Просите ИИ смотреть отдельные фреймы, а не файлы целиком; очень большие ответы обрезаются на 200 КБ. Ссылки на отрендеренные изображения действуют 30 дней.
Dev Mode: для dev resources (ссылок на задачи, документацию или код, привязанных к узлу) нужен платный тариф и место Full или Dev. Без доступа к Dev Mode Figma отвечает инструментам dev resources «File not found», даже для файла, который остальные инструменты читают без проблем. К одному узлу можно привязать не больше 10 dev resources, каждый URL только один раз.
Частые ошибки: 401 «Invalid token» означает, что токен неверный, истёк или отозван: создайте новый. 403 означает, что токену не хватает scope (он указан в сообщении) или у пользователя нет доступа к этой команде или папке. 404 означает, что такого файла или узла нет или пользователь не может открыть файл: скопируйте ключ из URL файла. 400 указывает на неверный параметр, например идентификатор узла с дефисом вместо двоеточия (node-id=12-345 из ссылки соответствует 12:345). 429 означает лимит запросов: подождите и повторите попытку. Инструменты библиотеки не принимают ключ ветки (branch): используйте ключ основного файла.
Коннектор не редактирует дизайны и не работает с переменными, вебхуками, содержимым FigJam и Slides за пределами дерева файлов и аналитикой библиотек.
Шаг 2 — Установите адаптер
curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d
Шаг 3 — Добавьте коннектор в Claude
URL вашего сервера: в AnythingMCP откройте MCP Servers → сервер, на котором находится этот коннектор, и скопируйте его URL (
https://cloud.anythingmcp.com/mcp/…). Используйте его везде, где в этом руководстве указаноYOUR_SERVER_ID.
Рекомендуемый путь: работает в claude.ai web без редактирования конфигурационных файлов.
- Открой в Claude Customize → Connectors.
- Нажми +, затем Add custom connector.
- Введи название, например
Figma, и URL удалённого MCP-сервераhttps://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID, затем нажми Add. - Нажми Connect и войди в AnythingMCP (OAuth), чтобы разрешить доступ.
Все инструменты ниже появятся в чате: начинайте писать промпты.
Доступные инструменты
| Tool | What it does |
|---|---|
figma_get_me | Get the Figma user the token belongs to: id, handle, email and avatar URL |
figma_get_file_meta | Get a file's metadata without its content: name, folder name, editor type (figma, figjam, slides ...), creator, last_touched_at and by… |
figma_get_file | Read a file's document tree: pages, frames and layers with their ids, names, types, sizes, fills, text and layout, plus the components and… |
figma_get_file_nodes | Read specific nodes (frames, components, layers) of a file with everything below them: type, name, absolute bounding box, fills, strokes… |
figma_render_images | Render nodes of a file as PNG, JPG, SVG or PDF and get a download URL per node id (null when a node could not be rendered) |
figma_get_image_fills | Get download URLs for every image used as a fill in a file, keyed by imageRef (the imageRef in a node's fills) |
figma_list_versions | List a file's version history, newest first: id, label and description of named versions, created_at, the user and thumbnail |
figma_list_comments | List all comments on a file: id, message, user, created_at, resolved_at, parent_id (for replies), client_meta (where it is pinned: node_id… |
figma_post_comment | Post a comment on a file as the token's user, optionally pinned to a node or a point, or as a reply to a top-level comment (comment_id) |
figma_delete_comment | Delete a comment |
figma_list_comment_reactions | List the emoji reactions on a comment: emoji, user and created_at |
figma_add_comment_reaction | React to a comment with an emoji shortcode, as the token's user; it shows next to the comment |
figma_list_team_folders | List the top-level folders (formerly called projects) of a team that the token's user can see: id, name, parent_folder_id (null at the… |
figma_list_subfolders | List the folders directly inside a folder (folders can be nested): id, name, parent_folder_id and created_at, plus the parent folder's name |
figma_list_folder_files | List the files directly in a folder (not in its subfolders): key, name, thumbnail_url and last_modified, plus the folder's name |
figma_list_team_components | List the published components of a team library: key, name, description, the file and node they live in, thumbnail and who last updated them |
figma_list_team_component_sets | List the published component sets (components with variants) of a team library: key, name, description, the file and node they live in… |
figma_list_team_styles | List the published styles (colors, text, effects, grids) of a team library: key, name, description, the file and node they live in… |
figma_list_file_components | List the published components of a library file: key, name, description, node_id and thumbnail |
figma_list_file_component_sets | List the published component sets of a library file: key, name, description, node_id and thumbnail |
figma_list_file_styles | List the published styles of a library file: key, name, description, node_id and thumbnail |
figma_get_component | Get one published component by its key: name, description, the file and node it lives in, its containing frame and component set, thumbnail… |
figma_get_component_set | Get one published component set (a component with variants) by its key: name, description, file, node and thumbnail |
figma_get_style | Get one published style by its key: name, description, style_type (FILL, TEXT, EFFECT, GRID), the file and node it lives in and thumbnail |
figma_list_dev_resources | List the dev resources of a file: links that developers attached to nodes in Dev Mode (tickets, docs, code), each with id, name, url and… |
figma_create_dev_resource | Attach a link (a ticket, a doc, a code file) to a node as a dev resource, visible to everyone in Dev Mode |
figma_update_dev_resource | Change the name or URL of a dev resource |
figma_delete_dev_resource | Remove a dev resource link from a node, for everyone |
Примеры запросов
- «Покажи страницы и основные фреймы файла Checkout redesign и кто редактировал его последним.»
- «Какие комментарии в файле Checkout redesign ещё не решены, и кто их написал?»
- «Экспортируй фрейм «Страница цен» из файла «Сайт Acme» в PNG и дай мне ссылку.»
- «Ответь на комментарий Лены в файле Checkout redesign и напиши, что цвет кнопки обновлён.»
FAQ
Работает ли с Claude Code так же как с Claude Desktop? Да, оба указывайте на https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID.
Следующие шаги
- Страница коннектора
- Подключить к ChatGPT
- Подключить к Cursor
- Подключить к Gemini
- Подключить к Meta Muse
Это руководство помогло?
