
jangtrinh/design-os-figma-plugin
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Бесплатный плагин Figma + CLI, чтобы Claude Code, Codex или любой агент оболочки могли читать и редактировать файл Figma, который вы открыли. Локальный WebSocket, один шаг отмены на мутацию, без места.
Обзор
Проверяйте выбор в реальном времени, сканируйте системы проектирования, создавайте кадры, связывайте переменные, мутируйте черты автоукладки и экспортируйте PNG-файлы визуальной проверки непосредственно из Claude Code, Codex, Gemini CLI и Antigravity. Quickstart · Что он делает · Установить · Как он работает · Команды · Пределы Официальные MCP Figma сбрасывают 150 000 + символов шумного JSON в окно контекста и не могут писать обратно на холст без дорогих корпоративных сидений. Сочетает локальное реле WebSocket с типизированными командами CLI (инспект, скан-дизайн-система, создатель-кадр, набор-текст, экспорт-png-assert), которые работают на . Откройте свой проект в агенте кодирования ИИ и опишите, что вам нужно: Проверяйте выбранный в настоящее время кадр Figma, извлекайте его автозапуск и переменные токены и создайте соответствующий компонент React. "Сканируйте токены системы проектирования активного файла Figma и создайте новую систему ценообразования 1440x900 с использованием наших компонентов DLS.
Обзор (машинный перевод)
Бридж с нулевой стоимостью живого холста Figma ([T0]] CLI + плагин DESIGN:OS Bridge) для агентов кодирования ИИ — работает на Figma Free.
Проверяйте выбор в реальном времени, сканируйте системы проектирования, создавайте кадры, связывайте переменные, мутируйте черты автоукладки и экспортируйте PNG-файлы визуальной проверки непосредственно из Claude Code, Codex, Gemini CLI и Antigravity.
Quickstart · Что он делает · Установить · Как он работает · Команды · Пределы
Почему это существует
Официальный MCP-сервер Figma является удаленным и привязанным к плану: инструменты записи требуют профессионального или более высокого плана и доступа к редактированию, а звонки чтения ограничены нижними уровнями (см. ограничения скорости MCP Figma). Большие свалки узлов также могут заполнить окно контекста агента. Этот мост является локальной альтернативой для файла, который вы уже открыли в Figma Desktop, и он сосуществует с официальным сервером. design-os-figma-plugin соединяет локальное реле WebSocket с набранными командами CLI [[T2], scan-design-system, create-frame, [[T5], export-png --assert, которые работают на Figma Free.
| Размер | Общий AI / Ручной рабочий процесс | DESIGN:OS Figma Plugin & CLI DESIGN:OS
[править] [править] [править]
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
DESIGN:OS Figma Plugin & CLI (design-os-figma-plugin)
Zero-cost live Figma canvas bridge (figma-agent CLI + DESIGN:OS Bridge plugin) for AI coding agents — works on Figma Free.
Inspect live selections, scan design systems, create frames, bind variables, mutate auto-layout traits, and export visual verification PNGs directly from Claude Code, Codex, Gemini CLI, and Antigravity.
Quickstart · What it makes · Install · How it works · Commands · Limits
Why this exists
Figma’s official MCP server is remote and plan-gated: write tools need a Professional or higher plan and edit access, and read calls are capped on lower tiers (see Figma’s MCP rate limits). Large node dumps can also fill an agent’s context window. This bridge is a local alternative for the file you already have open in Figma Desktop, and it coexists with the official server. design-os-figma-plugin pairs a local WebSocket relay with typed CLI commands (inspect, scan-design-system, create-frame, set-text, export-png --assert) that work on Figma Free.
| Dimension | Generic AI / Manual Workflow | DESIGN:OS Figma Plugin & CLI (DESIGN:OS) |
|---|---|---|
| Canvas Write Access | Official MCP writes need a paid plan and edit access; REST APIs are read-only | Full bidirectional read + write (create-frame, set-text, clone-traits, exec-js) on Figma Free |
| Context Window Usage | 155K-character raw node dumps that overflow agent context | Compact, depth-controlled inspect and context summaries |
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add jangtrinh/design-os-figma-plugin