🌼Figma + After Effects: Ускоряем работу с плагином AEUX
Пост для тех, кто часто получает ТЗ в Figma, делает анимации для сайтов или шоурилы для веб-дизайнеров!
AEUX — бесплатный плагин для импорта слоев из Figma в After Effects. Тул значительно экономит время, особенно если до этого вы всё собирали вручную. Но есть нюансы и погрешности, к которым надо быть готовыми — расскажем в этом посте.
▶️Как установить:
1. Скачайте
архив с плагином.
2. Для After Effects: скачайте
ZXP Installer, перетащите в него файл "AEUX.zxp" из архива.
3. Для Figma: установите десктопное приложение
Figma и перенесите содержимое из папки AEUX_0.8.2/Figma/ в любое место, кроме «Загрузок», иначе можете случайно удалить.
Затем откройте Figma, выберите Plugins → Development → Import plugin from manifest… и выберите файл "manifest.json". Плагин будет доступен через Quick Actions (CMD+/ или Ctrl+/) или через меню правой кнопки Plugins → Development → AEUX.
❗️На что стоит обратить внимание:
• Заблокированные слои импортируются, скрытые — нет.
• Текстовые слои могут импортиться с небольшим смещением вверх или вниз на несколько пикселей, так что если точность важна, придется подгонять по рефу.
• Если среди импортируемых объектов есть отдельный фрейм с элементами, он будет импортирован как прекомпозиция. В ней будет шейповый слой, повторяющий форму фрейма и его свойства (заливка и обводка).
• При импорте группы объектов создастся guide layer, обозначающий границы группы. Обьекты будут припаренчены к нему.
• Полупрозрачные слои импортируются как пнгшки с опасити 100%, так что после импорта вы сможете только ещё снизить им прозрачность, не наоборот.
• Если среди импортируемых объектов есть прямоугольник или фрейм с режимом отображения только некоторых границ (например, только нижней), то импорт скрашится, потому что AE не поддерживает такую настройку.
Знаете другие важные моменты по работе с плагином — делитесь в комментариях!