Figwright Kiwi Reader
Provides read-only access to Figma designs opened in the browser, allowing agents to inspect selected frames and nodes and retrieve normalized design context (structure, dimensions, auto-layout, constraints, text, styles, fills, strokes, effects) for frontend implementation without using the Figma REST API or plugin APIs.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Figwright Kiwi Readerread the selected frame from my open Figma tab"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
FigLens
FigLens — локальный read-only инструмент, который читает выбранный фрейм Figma из Chrome и передаёт его структуру Codex, Cursor, Claude Code или другому MCP-клиенту.
Для работы не нужны Figma Plugin API, REST-токен, OAuth или права администратора файла. Пользователь должен быть авторизован в Figma и иметь обычный доступ к макету. FigLens не изменяет дизайн и не обходит права доступа.
Возможности
чтение выбранного фрейма, слоя или узла из Figma URL;
геометрия, auto-layout, constraints, тексты, шрифты, заливки, обводки, эффекты и потомки;
разрешение экземпляров компонентов, shared styles и доступных цветовых переменных;
экспорт доступных SVG и опциональный захват растровых изображений;
сопоставление компонентов, иконок и цветов с существующим кодом проекта;
section plan и кэш для больших экранов и файлов;
один локальный hub для нескольких MCP-клиентов и вкладок Figma;
снимок видимой области и pixel diff для визуальной проверки.
Related MCP server: Figma Codex Bridge
Как это работает
Figma в Chrome
→ расширение FigLens
→ локальный WebSocket bridge и MCP hub
→ Codex / Cursor / Claude CodeРасширение через chrome.debugger получает входящие бинарные Kiwi-кадры уже открытой вкладки.
Локальный сервер восстанавливает scenegraph и формирует ограниченный по размеру design context.
Cookies, пароль и токены Figma не читаются и не сохраняются. Figma REST API не используется.
Установка
Требуются Windows, Chrome 116+ и Node.js 24.11+ из ветки 24 либо Node.js 26+.
Скачайте
figlens-vX.Y.Z.zipи.sha256из последнего релиза.Распакуйте ZIP в постоянную папку и запустите
install.ps1:powershell -ExecutionPolicy Bypass -File .\install.ps1Откройте
chrome://extensions, включите Режим разработчика, нажмите Загрузить распакованное расширение и выберите:%LOCALAPPDATA%\FigwrightKiwi\extensionПерезапустите используемые MCP-клиенты.
По умолчанию установщик настраивает доступные Codex, Cursor и Claude Code. Список можно ограничить:
.\install.ps1 -Clients Codex
.\install.ps1 -Clients Cursor,ClaudeCodeДля обновления запустите install.ps1 из нового релиза, затем нажмите Обновить на карточке
FigLens в chrome://extensions и перезапустите MCP-клиенты.
Для удаления:
powershell -ExecutionPolicy Bypass -File "$env:LOCALAPPDATA\FigwrightKiwi\uninstall.ps1"Использование
Откройте доступный файл Figma в Chrome и выберите нужный фрейм или слой.
Нажмите значок FigLens и выберите Подключить макет. При первом захвате вкладка один раз перезагрузится.
Дождитесь зелёного состояния готовности.
Попросите MCP-клиент прочитать выбранный узел. Например, в Codex:
@fk проверь подключение к Figma @fk прочитай выбранный фрейм @fk подготовь выбранный фрейм к реализации в текущем проекте @fk прочитай узел https://www.figma.com/design/FILE/NAME?node-id=1213-57067
Для другого слоя измените выделение и нажмите Считать заново. Захват растровых изображений по умолчанию выключен; включайте его только когда для реализации нужны фотографии или растровые заливки.
Диагностика
Состояние hub доступно по адресу http://127.0.0.1:9225/health. Кнопка Копировать диагностику не включает содержимое макета, cookies, токены и сырые сетевые кадры.
Код | Действие |
| Перезапустите MCP-клиент и проверьте |
| Закройте другой debugger и повторно подключите вкладку Figma |
| Обновите FigLens; Figma могла изменить Kiwi-протокол |
| Выберите меньший фрейм или читайте экран по секциям |
| Нажмите Обновить в |
Ограничения
Поддерживается Figma Design в Chrome на Windows.
Kiwi — внутренний протокол Figma; после его изменения может потребоваться новый релиз FigLens.
Данные, которых нет во входящем scenegraph, восстановить невозможно. Такие пробелы явно отмечаются в
capabilitiesиcaveatsответа.Для больших файлов лучше выбирать экран, секцию или компонент и следовать
sectionPlan.
Разработка
git clone https://github.com/DenisPapushaJava/figwright-kiwi-reader.git
Set-Location figwright-kiwi-reader
corepack pnpm install --frozen-lockfile
corepack pnpm build
corepack pnpm testПравила работы находятся в CONTRIBUTING.md, техническое устройство reader — в
packages/kiwi-reader/README.md. Корневой pnpm test обязателен:
он включает пакетные и межпакетные тесты.
Лицензия
FigLens основан на открытом Figwright и распространяется по лицензии MIT. Исходное авторство и история сохранены в Git.
This server cannot be deployed
Maintenance
Related MCP Connectors
The Figma MCP server brings Figma design context directly into your AI workflow.
Browser MCP for logged-in tasks. Uses your Chrome — credentials stay local. Zero-token replay.
- miromiroOAuthapp.miromiro
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
- WhoogyOAuthcom.whoogy
Compare Figma designs against live websites and get visual + content QA reports, from inside Claude.
Related MCP Servers
- AlicenseAqualityBmaintenanceEnables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.10222 npmMIT
- AlicenseAqualityBmaintenanceEnables Codex and other MCP clients to read design context from Figma Desktop via a local bridge, providing design tokens, component trees, and screenshots without an API token.7MIT
- FlicenseNot gradedqualityBmaintenanceEnables AI agents to access Figma design context, generate code from frames, extract variables, components, and layout data, and create or modify Figma files directly from MCP clients.-
- AlicenseAqualityBmaintenanceEnables coding agents to interact with the currently open Figma file via local MCP tools, including reading the design, extracting nodes as PNG, React, HTML or CSS, editing the canvas when permitted, and sharing saved component sets.3940 npmMIT