Как экспортировать в PNG в Figma

Если вы хотите экспортировать слои изображений, группы или кадры в формате JPG, PNG или SVG, вам поможет Figma.

Но на тот случай, если вы не знаете, как экспортировать изображения в различные форматы или какие типы параметров экспорта у вас есть, эта статья предоставит вам некоторые рекомендации и советы о том, как улучшить Figma. опыт.

Экспорт в PNG

Экспорт изображений в формате PNG, вероятно, является первым выбором каждого. Процесс одинаков, независимо от того, какой формат вы хотите — PNG, JPG, SVG и т. д.

1. Выберите изображение.
   
2. Выберите раздел «Экспорт» на правой боковой панели.
   
3. Щелкните значок «+».
   
4. Выберите формат изображения PNG.
   
5. Нажмите кнопку «Экспорт изображения».
   
   

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

Экспортировать выбранное в PNG

Если вы хотите экспортировать выбранный элемент, процесс максимально прост.

1. Выберите элемент или кадр для экспорта.
   
2. Перейдите на панель «Свойства».
   
3. Прокрутите вниз, чтобы найти раздел «Экспорт».
   
4. Щелкните значок «+».
   
5. Выберите формат изображения PNG.
   
6. При необходимости установите другой размер элемента.
   
7. Экспортировать выбранный элемент.
   

Альтернативные методы экспорта PNG

Если у вас есть изображение в Figma, которым вы хотите поделиться, его экспорт из приложения — не единственный способ.

Одной из лучших функций является опция «Копировать как PNG». Вот как это работает.

1. Выберите изображение в Фигма.
   
2. Щелкните изображение правой кнопкой мыши, чтобы открыть меню.
   
3. Выберите опцию «Копировать как PNG».
   
4. Вставьте изображение в другое приложение.

Эта функция позволяет копировать PNG-версию нужного изображения или объекта в Figma прямо в буфер обмена. Это будет версия изображения 1x по умолчанию, если у объекта нет других настроек экспорта.

Чтобы сделать это еще проще, вы можете использовать следующие сочетания клавиш.

• «Ctrl + Shift + C» — это сочетание клавиш для устройств Windows.
  
• «Command + Shift + C» — это сочетание клавиш для устройств Mac.

Использование этого метода дает вам более быстрый способ поделиться копией объекта в формате PNG в Figma. Однако экспорт изображения в формате PNG с использованием классического метода даст вам больше контроля над качеством изображения.

Экспортировать несколько слоев как один PNG

Если вы попытаетесь выбрать несколько слоев и экспортировать их в формате PNG, вы получите zip-файл с каждым отдельным слоем в отдельном формате PNG.

Хотя это отлично подходит для одновременного экспорта нескольких файлов, это не поможет пользователям, которым нужно объединить все слои в один файл PNG.

Вот тут-то и появляется функция «Группа». Вы можете выбрать несколько слоев в Фигма и поместите их в группу. Затем вы можете экспортировать группу в виде файла PNG, что даст вам один файл со всеми выбранными слоями.

1. Выберите нужные слои.
   
2. Выберите в меню пункт «Группа».
   
3. Выберите группу и перейдите в раздел «Экспорт».
   
4. Щелкните значок «+».
   
5. Выберите формат PNG.
   
6. Экспорт группы.
   

Как и большинство других действий в Figma, это тоже можно упростить. Например, вы можете создать группу с помощью сочетаний клавиш.

• «Ctrl + G» — это сочетание клавиш для устройств Windows.
  
• «Command + G» — это сочетание клавиш для устройств Mac.

Если вы недовольны своим выбором слоя, нажатие «Shift + Ctrl + G» или «Shift + Command + G» разгруппирует ваш выбор.

Настройка качества экспорта PNG

По умолчанию Figma поддерживает 32-битные файлы PNG с цветовой моделью RGBA. Это полезно, поскольку позволяет контролировать непрозрачность пикселей.

Формат PNG часто предпочтительнее, потому что качество изображения не страдает при сжатии ресурса. Это не значит, что вы не можете столкнуться с проблемами. Многие пользователи Figma жалуются, что качество PNG страдает, когда они загружают свои фотографии в Интернет. Но это не обязательно проблема Figma. Часто это связано со сжатием, сделанным серверами, обрабатывающими вашу загрузку.

Есть кое-что, что вы можете сделать, чтобы настроить качество, чтобы ваше изображение не пострадало так сильно при сжатии на другом сервере.

1. Выберите изображение.
   
2. Выберите раздел «Экспорт» на правой боковой панели.
   
3. Щелкните значок «+».
   
4. Выберите формат изображения PNG.
   
5. Выберите размер «2x».
   
6. Нажмите кнопку «Экспорт изображения».
   

Экспорт в 2x приведет к более высокому разрешению PNG. Это уменьшит вероятность того, что ваши фотографии станут размытыми или потеряют качество при загрузке их на платформы социальных сетей.

Если вы более продвинутый пользователь или у вас есть особые требования к изображению, не стесняйтесь настраивать значение множителя пикселей перед экспортом объекта в формате PNG.

Как экспортировать в другие форматы из Figma

Вам также может быть интересно узнать, как быстро экспортировать объекты в Figma в различные форматы файлов, которые вы можете сохранить на своем устройстве.

Экспорт в формате JPG

Используйте следующий метод для экспорта слоев изображения или кадров в виде файла JPG.

1. Выберите объект в Figma.
   
2. Нажмите значок «+» в разделе «Экспорт».
   
3. Выберите формат JPG под PNG.
   
4. Нажмите кнопку «Экспорт» после внесения изменений, если это необходимо.
   

Экспорт в формате SVG

Экспорт файла в формате SVG может быть очень полезен для многих пользователей. Вот как это делается.

1. Выберите один или несколько ресурсов в вашем файле Figma.
   
2. Перейдите в раздел «Экспорт».
   
3. Щелкните значок «+».
   
4. Выберите SVG из списка.
   
5. Нажмите «Экспорт».
   

Вы также можете сделать это, нажав на уже выбранный формат файла. Figma запоминает последний формат файла, который вы экспортировали.

Это означает, что вы можете щелкнуть подготовленный формат файла, чтобы открыть раскрывающееся меню и выбрать оттуда SVG. Значок «+» и кнопки формата файла расположены близко друг к другу, поэтому любой метод работает одинаково быстро.

Экспорт в формате PDF

Если вы работаете над буклетом или презентацией, вы можете быстро экспортировать свою работу в формате PDF прямо из Figma.

1. Выберите кадры, которые вы хотите включить в PDF.
   
2. Перейдите в раздел «Экспорт».
   
3. Щелкните значок «+».
   
4. Выберите PDF в раскрывающемся меню.
   
5. Нажмите «Экспорт».
   

Обратите внимание, что иногда Figma не может расположить ваши кадры в правильном порядке. Поэтому, чтобы избежать этого, вы можете использовать компрессор изображения.

Это удобный для начинающих инструмент для уменьшения и сжатия изображений из Figma и их экспорта в различные форматы, такие как PNG, JPG, PDF, GIF, WebP и другие.

Простое в использовании программное обеспечение

Figma — довольно простой веб-инструмент для дизайна. Если вы уже использовали пару фоторедакторов, разобраться с Figma не составит труда.

Упрощенный пользовательский интерфейс делает программное обеспечение интуитивно понятным. Кроме того, у вас есть полный контроль над качеством вывода с помощью Figma, что позволяет вам устанавливать собственные множители пикселей, чтобы предотвратить потерю качества при сжатии за пределами сайта.

Вы использовали какие-либо из этих советов Figma для своих собственных изображений? Расскажите нам, как это было в разделе комментариев ниже.