Пакет @atls/figma-theme-cli
является энтрипоинтом по созданию темы.
Пререквизиты:
- ID файла Figma. Можно найти в ссылке на любой объект внутри файла Figma, например:
https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/...
ID = SHoss54mn2SZLnI0e3OiJj
- папка
theme
рядом с местом исполнения скрипта - Access Token от
Figma. Инструкция тут
. Токену необходимы доступы
к чтению
File content
иDev resources
Необходимо запустить
скрипт generate-theme
с первым аргументом - ID файла Figma, из которого будет браться тема.
Первым промптом с вас спросят Access Token.
После генерации вы получите в папке theme
файлы с собранными данными из Figma файла, которые
можно использовать в проекте.
Пакет @atls/figma-assets-cli
является энтрипоинтом по созданию темы.
Пререквизиты:
- ID файла Figma. Можно найти в ссылке на любой объект внутри файла Figma, например:
https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/...
ID = SHoss54mn2SZLnI0e3OiJj
- ID документа Figma
- Access Token от
Figma. Инструкция тут
. Токену необходимы доступы
к чтению
File content
иDev resources
Необходимо запустить
скрипт generate-assets
с первым аргументом - ID файла Figma, из которого будет браться тема, а
вторым - ID документа.
Первым промптом с вас спросят Access Token.
Для того чтобы найти кнопки в фигме, необходимо привязываться к названию главного фрейма¹. Это название будет служить в качестве ID, с помощью которого получим все кнопки находящиеся внутри этого фрейма.
Необходимо в самой фигме назвать главный фрейм¹ с кнопками Desktop / Buttons
.
Чтобы из неправильной сделать правильную, необходимо разбить неправильную на две независимые части,
т.е будет два вида кнопок, как в правильном варианте, только с названиями Other / Location On
и Other / Location Off