Начните с заготовки плагина в настольной Figma. Откройте учебный файл Design, перейдите в Plugins → Development → New plugin, выберите Figma Design, задайте имя и сохраните проект в отдельную папку. Официальный стартовый пример предлагает Custom UI, но для вашей первой проверки сложный интерфейс не нужен.
Откройте папку проекта в редакторе кода. Найдите manifest.json: он описывает плагин и указывает через поле main исполняемый JavaScript. Если шаблон использует code.ts, этот исходник нужно компилировать в JavaScript. Сначала установите зависимости созданного проекта и включите предложенную задачу наблюдения за TypeScript. В официальном примере Visual Studio Code это задача watch-tsconfig.json.
Для проверки запуска можно временно заменить содержимое точки входа минимальным действием: figma.closePlugin('Пробный запуск'). Такая команда завершает плагин с сообщением и позволяет убедиться, что Figma действительно читает ваш код. После компиляции вернитесь в Plugins → Development и выберите имя созданного плагина.
Если изменения не видны, проверьте, какой файл указан в main, обновился ли JavaScript после сборки и открыт ли нужный проект. Не начинайте с изменения сотен слоёв, пока простой запуск не работает устойчиво.
Позже добавляйте взаимодействие с документом через Plugin API. Код, выполняющий операции со слоями, и необязательный HTML-интерфейс имеют разные роли. Собственный плагин можно разрабатывать локально без немедленной публикации в Community. Публикация является отдельным этапом после проверки поведения, ошибок и необходимых разрешений.
Ответить на вопрос