OpenPencil MCP
MCP-сервер редактора OpenPencil: агент читает макеты, правит слои, экспортирует ресурсы и работает с файлами .fig без Figma.
- 9 664 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Сервер читает и меняет файлы дизайна в корне MCP; HTTP-режим слушает локальный порт.
Установка
- Работает в
Ручная установка
npm install -g @open-pencil/mcpПервая команда из раздела MCP в README. Для Claude Code затем: `claude mcp add --scope user open-pencil -- openpencil-mcp`.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Сервер читает и меняет файлы дизайна в корне MCP; HTTP-режим слушает локальный порт.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
OpenPencil, открытый редактор дизайна на замену Figma, содержит MCP-пакет `@open-pencil/mcp`. Через него Claude Code, Cursor, Windsurf и другие клиенты осматривают дизайн-документ, меняют его и экспортируют результат. Инструменты те же, что в встроенном ИИ-чате редактора. Сервер работает по stdio (команда `openpencil-mcp`) или по Streamable HTTP (`openpencil-mcp-http`, адрес `http://127.0.0.1:7600/mcp`). Файловый доступ ограничивается корнем MCP: переменная `OPENPENCIL_MCP_ROOT`, по умолчанию текущая папка.
Для кого. Дизайнеры и фронтенд-разработчики, которые поручают агенту разбор макетов и выгрузку ресурсов из `.fig` и не хотят зависеть от закрытого API Figma.
Подходит, если
- Агент разбирает структуру макета и перечисляет токены дизайна.
- Из файла `.fig` выгружают PNG, SVG, PDF или JSX без открытия редактора.
- Скрипт в CI запрашивает данные макета по HTTP.
- Дизайнер просит агента поправить слои, автолейаут или переменные в открытом документе.
Не подходит, если
- Рабочие макеты команды хранятся только в облаке Figma.
- Для правок нужен выбор слоев мышью без запущенного приложения.
- Сервер хотят открыть наружу по HTTP без ограничения корня файлов.
Пример запроса к агенту
Открой `design.fig`, выведи дерево слоев и экспортируй экран входа в SVG, назвав использованные цветовые переменные.MCP
- Транспорт
- stdio, http
- Авторизация
- не нужна
Переменные окружения
`OPENPENCIL_MCP_ROOT`- Папка, которой ограничен файловый доступ сервера, по умолчанию текущий каталог.
Ограничения
Режим агента в панели редактора требует настольного приложения. Версия пакета в репозитории на момент проверки бета (`0.17.0-beta.2`). Серверу доступны файлы в корне MCP, поэтому задавайте `OPENPENCIL_MCP_ROOT` на одну папку. Не каждый провайдер ИИ корректно передает вызовы инструментов, измеренная совместимость собрана в документации. Для HTTP-режима используйте только локальный адрес `127.0.0.1` и не публикуйте порт наружу.
Как отключить. Выполните `claude mcp remove open-pencil` или удалите запись `open-pencil` из MCP-настроек клиента, затем остановите `openpencil-mcp-http`, если запускали его.
Частые вопросы
Как подключить сервер к Claude Code?
Установите пакет командой `npm install -g @open-pencil/mcp` и добавьте сервер: `claude mcp add --scope user open-pencil -- openpencil-mcp`. Для других клиентов в `mcpServers` указывают команду `openpencil-mcp`.
Чем stdio отличается от HTTP?
Stdio использует `openpencil-mcp` для клиентов вроде Claude Code и Cursor. `openpencil-mcp-http` слушает `http://127.0.0.1:7600/mcp` для скриптов и CI.
Как ограничить доступ к файлам?
Переменная `OPENPENCIL_MCP_ROOT` задает папку. По умолчанию это текущий каталог.
Есть ли отдельный скилл?
Да, `npx skills add open-pencil/open-pencil` обучает агента работе с OpenPencil для Claude Code, Cursor, Windsurf и Codex.
Какие клиенты поддерживаются?
README называет Claude Code, Cursor и Windsurf, подойдет любой MCP-клиент.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыFigma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
Официальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| OpenPencil (эта карточка) | да | не нужна | 9 664 | |
| Figma Console MCP | нет | API-ключ | 3 193 | управляет Figma через консоль плагина; OpenPencil работает со своим редактором и локальными `.fig` |
| Figma MCP Server | да | OAuth | 2 158 | читает макеты через API Figma; здесь открытый редактор и экспорт без облака |
Коротко о README
Раздел про ИИ и MCP в README: встроенный чат с сотней инструментов, внешние агенты через MCP, отдельный скилл и документация в формате `llms.txt`.