Skip to main content
Glama
DenisPapushaJava

Figwright Kiwi Reader

by DenisPapushaJava
OverviewSchemaSourceRelated ServersDiscussionsAdmin
TypeScript
Local

FigLens

Читает выбранный фрейм Figma из Chrome и передаёт его Codex, Claude Code, Cursor или другому MCP-клиенту. Работает локально, не изменяет макет, не требует Figma-токена.

Скачать релиз

Возможности

  • Размеры, auto-layout, тексты, цвета и свойства компонентов.

  • Экспорт доступных SVG и исходных изображений.

  • Поиск подходящих компонентов, иконок и цветовых токенов в коде проекта.

  • Сравнение изображения макета с реализацией.

Related MCP server: Figma Codex Bridge

Установка

Готовый установщик — для Windows. Нужны Chrome 116+ и Node.js 24.11+ из ветки 24 или Node.js 26+.

  1. Скачайте ZIP из релиза, распакуйте и откройте папку figlens.

  2. Запустите в PowerShell:

    powershell -ExecutionPolicy Bypass -File .\install.ps1

  3. В chrome://extensions включите Режим разработчика → Загрузить распакованное расширение. Выберите %LOCALAPPDATA%\FigwrightKiwi\extension.

  4. Перезапустите MCP-клиент.

Установщик настраивает доступные Codex, Claude Code и Cursor. Для одного клиента: .\install.ps1 -Clients Codex.

Использование

  1. Откройте Figma в Chrome и выберите фрейм или слой.

  2. В расширении FigLens нажмите Подключить макет. Вкладка перезагрузится.

  3. Дождитесь зелёного индикатора и отправьте запрос, например в Codex:

    @fl прочитай выбранный фрейм
@fl подготовь выбранный фрейм к реализации в текущем проекте

Сервер передаёт клиенту стартовые инструкции. Для явного запуска доступны MCP-промпты figlens_codex, figlens_claude и figlens_cursor, если клиент поддерживает меню промптов.

Для другого слоя достаточно изменить выделение в Figma. Если экран ещё не прочитан, откройте его и нажмите Обновить данные. Для фотографий включите Сохранять исходные изображения перед обновлением данных.

При выделении нескольких элементов ИИ читает их по отдельным ID. Без выделения получает обзор текущей страницы и затем читает нужные разделы. Некоторые внутренние слои экземпляров могут быть недоступны по временному ID; в таком случае выберите компонент-родитель.

Обновление и удаление

Запустите установщик из нового релиза, обновите FigLens в chrome://extensions и перезапустите MCP-клиент. При обновлении с 0.5.x подключение fk заменяется на fl.

Удаление:

powershell -ExecutionPolicy Bypass -File "$env:LOCALAPPDATA\FigwrightKiwi\uninstall.ps1"

Если не работает

  • Нет подключения — запустите MCP-клиент и снова нажмите Подключить макет.

  • Нужен перезапуск расширения — нажмите Обновить в chrome://extensions.

  • Не хватает данных — откройте нужный экран и нажмите Обновить данные.

  • Для разбора ошибки скопируйте диагностику из панели FigLens.

FigLens получает только данные, которые Figma передала открытой вкладке. Большие экраны читаются по секциям. Изменения внутреннего протокола Figma могут потребовать обновления FigLens.

Ручной запуск и разработка

Основан на Figwright. Лицензия MIT.

This server cannot be deployed

Let your AI agent see the webWeb-to-screenshot MCP for Claude, Cursor and Codex. No cookie banners. Free to start.snap-render.comAd

Maintenance

ActivityActive
ResponsivenessNo issues

Resources

Related MCP Connectors

Related MCP Servers

  • figma-ui-mcp

    kiettt8-product
    A
    license
    A
    quality
    D
    maintenance
    Enables 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.
    10
    329 npm
    MIT

  • Figma Codex Bridge

    xiaobai59
    A
    license
    A
    quality
    B
    maintenance
    Enables 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.
    7
    MIT

  • Figma MCP Server

    manojcx-max
    F
    license
    Not graded
    quality
    B
    maintenance
    Enables 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.
    -

  • figsnap-mcp

    arimunandar
    A
    license
    A
    quality
    B
    maintenance
    Enables 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.
    39
    37 npm
    MIT