Работаем с Figma API через консоль Dev Tools

Используем базовую эрудицию, чтобы через командную строку (да-да, в Figma она есть) нарисовать, подвигать, раскрасить и всячески потрогать элементы на холсте Figma. Освоим инструмент и почувствуем, как устроена Figma изнутри.

Монтажа не будет, увы.

1:40 Что такое API
3:00 API Figma
5:09 Что такое DevTools
6:50 Консоль это
9:15 DevTools на сайте Figma
12:33 Пробуем программировать в консоли
15:01 Присваиваем цвет фрейму
16:43 Документация Api Figma. Работа с плагинами
19:00 Смотрим как присвоить цвет фрейму в документации
24:01 Обращение к объектам
27:08 Состоние фрейма. Выводим цвет
28:15 Двигаем фрейм из консоли по Х и по Y
28:46 Делаем направляющие на Canvas
26:16 Меняем размер фрейма
30:58 Смотрим в документации какие параметры в можно менять, а какие readonly
31:58 Вызываем в консоли асинхронную функцию
34:01 Что такое асинхронные функции
36:26 Функция toString()
38:27 Создаем в консоли фрейм сразу с цветом
39:24 Команда createFrame() в документации
40:00 Функция resize(). Изменить размер фрейма
40:53 Найти все объекты на текущей странице. Присвоить найденное массиву. Посмотреть, что в 0 элементе этого массива
42:15 Figma API solidPpaint()
49:38 Работаем с массивами. Создаем 100 фреймов
51:32 Функция map(). Красим градиентом элементы массива
54:17 Функция filter()