ККоляс Иванов

№ 005 Как уменьшить вес презентации в Figma

Привет, я Коляс Иванов, дизайнер и основатель студии grafdesigna.ru. Я прошёл путь от фрилансера до основателя студии. В статье рассказываю, как уменьшить вес презентации в Figma перед импортом в PDF.

Частая ошибка новичка — отправлять презентации в PDF размером 120MB, что ни клиенту, ни арт-диру неудобно или невозможно открыть. Мы с командой нашли основные причины тяжеловесных презентаций, и сейчас я о них расскажу.

Почистите файл от мусора

  1. Презентацию стоит очистить мусора: лишних элементов и по возможности эффектов: лишние тени, свечения, обводки. Зайдите во вкладку Layers и удалите лишние слои;

  2. Характерная именно Фигме история — это несколько слоёв заливки фреймов. Нужно избавиться от лишних, в процессе работы они часто появляются. Это вкладочка Fill справа в меню.

Заменить эффекты Background Blur или Layer Blur на PNG

Эффекты увеличивают вес презентаций, поэтому стоит перевести их в PNG заливку. Для этого:

  1. Выделяем нужный фрейм;

  2. Скрываем все элементы в нём;

  3. Жмём Cmd (Ctrl) + Shift + C — так вы скопируете элемент как PNG;

  4. Далее удаляем эффекты во вкладке Effects;

  5. Вставляем скопированный PNG в качестве фона во вкладке Fill.

Сжимаем растровые изображения

Тут всё просто — нужно загруженные в файл изображения прогнать в Интернетике в любом сжимателе изображений типа imagecompressor.com, и загрузить их в Фигму снова, но в облегчённом виде.

Что можно ещё

  1. Попробовать сделать свой дизайн проще: без теней, без обводок, без большого количество фото. Главное, чтобы это не портило вашу задумку;

  2. Заменить растровые файлы векторным по возможности: иллюстрации, иконки, QR-коды. Вектор весит в разы меньше;

  3. Объединять по возможности элементы: вместо 4-х слоёв градиентов сделать один, вместо 248 кубиков QR-кода всё объединить в один шейп и так далее.

Лучше смотрите подробное видео!

Смотреть на 🐭 Ютубе
Смотреть в 📺 ВК Видео

Предыдущие уроки

№ 004 Как сделать любой макет понятным

№ 003 Можно ли на фрилансе зарабатывать прям много?

№ 002 Шаблон для соцсетей в Figma, за который заплатят $100

Подписывайтесь на мой откровенный блог в Телеграме @grafdesigna

В блоге рассказываю, как дойти от фриланса до своей студии. Учу дизайнеров на фрилансе зарабатывать больше

Также подписывайтесь на Design Mentors Club

20+ дизайн-менторов (Duo Sapiens, Helper, Логомашина, BBE), которые 24/7 делятся дизайнерской мудростью в Телеграме

Комментарии