silships/figma-cli

Что это?

Ключевые возможности

• 01Создаёт и редактирует настоящие фреймы, компоненты, варианты и переменные Figma по командам AI-ассистента.
• 02Подключается к локальному Figma Desktop через CDP — без API-ключа и ограничений частоты запросов.
• 03Импортирует дизайн-токены из DESIGN.md, конфигураций Tailwind, CSS-переменных и JSON в формате W3C Design Tokens.
• 04Экспортирует дизайн-систему файла Figma в DESIGN.md, включая режимы переменных и псевдонимы.
• 05Предоставляет детерминированную команду check, которая выявляет изменения и непривязанные жёстко заданные цвета в CI.

Сценарии использования

• Создание экранов интерфейса в Figma по текстовому описанию для Claude Code или Cursor.
• Синхронизация дизайн-токенов бренда из кодовой базы с файлом Figma.
• Документирование дизайн-системы или перенос её между файлами Figma.
• Автоматическая проверка изменений и привязки токенов в дизайн-системе в рамках непрерывной интеграции.

Быстрый старт

1. 1

   Установите Figma Desktop и запустите его

2. 2

   Скачайте проект figma-cli с GitHub (или клонируйте его) и откройте терминал в папке проекта

3. 3

   Установите зависимости CLI (требуется Node 18 или новее)

   npm install
4. 4

   В Claude Code, открытом в папке проекта, введите «connect to Figma»

Что важно знать

• !Figma Desktop должен быть установлен и запущен; в режиме по умолчанию одного figma.com недостаточно.
• !Режим Yolo по умолчанию применяет патч к приложению Figma Desktop; в macOS для этого может потребоваться разрешение на управление приложениями.
• !Требуются Node.js 18 или новее и AI-помощник для программирования, например Claude Code или Cursor.

Темы

Частые вопросы

Что такое figma-cli?

CLI, который позволяет AI-ассистенту создавать и редактировать полноценные макеты в локальном Figma Desktop — без API-ключа. figma-cli связывает AI-ассистентов для разработки, например Claude Code или Cursor, с приложением Figma Desktop через командную строку. Ассистент выполняет команды, которые создают фреймы, компоненты, варианты и переменные прямо в открытом файле Figma. В итоге получается редактируемый контент Figma, а не плоское изображение. Соединение устанавливается локально через Chrome DevTools Protocol, поэтому токен Figma API не нужен, а запросы не проходят через облачный REST API Figma.

figma-cli можно использовать бесплатно? Какая у него лицензия?

figma-cli распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

figma-cli всё ещё поддерживается?

Активно поддерживается. Последний коммит в figma-cli — 7 окт. 2026 г..

Для чего можно использовать figma-cli?

Создание экранов интерфейса в Figma по текстовому описанию для Claude Code или Cursor. Синхронизация дизайн-токенов бренда из кодовой базы с файлом Figma. Документирование дизайн-системы или перенос её между файлами Figma. Автоматическая проверка изменений и привязки токенов в дизайн-системе в рамках непрерывной интеграции.

Как установить figma-cli?

Установите Figma Desktop и запустите его Скачайте проект figma-cli с GitHub (или клонируйте его) и откройте терминал в папке проекта Установите зависимости CLI (требуется Node 18 или новее): npm install В Claude Code, открытом в папке проекта, введите «connect to Figma»

Где скачать figma-cli?

Исходный код и инструкции по установке — на GitHub: https://github.com/silships/figma-cli