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

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

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

Экспорт в PNG

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

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

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

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

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

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

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

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

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

1. Выберите изображение в Figma.
   
2. Нажмите правой кнопкой мыши на изображение, чтобы открыть меню.
   
3. Выберите “Копировать как PNG” option.
   
4. Вставьте изображение в другое приложение.

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

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

• “Ctrl + Shift + C” это ярлык для устройств Windows
  
• “Command + Shift + C&rdquo ; это ярлык для устройств Mac

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

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

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

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

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

1. Выберите нужные слои.< br>
2. Выберите “Группу” вариант из меню.
   
3. Выберите группу и перейдите в раздел “Экспорт”
   
4. Нажмите значок “+” icon.
   
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. Часто это связано со сжатием серверов, обрабатывающих вашу загрузку.

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

1. Выберите изображение.
   
2. Выберите “Экспорт” на правой боковой панели.
   
3. Нажмите значок “+” icon.
   
4. Выберите формат изображения PNG.
   
5. Выберите “2x” размер.
   
6. Нажмите кнопку “Экспортировать изображение” button.
   

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

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

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

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

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

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

1. Выберите объект в Figma.
   
2. Нажмите значок “+” значок в “Экспорт” section.
   
3. Выберите формат JPG под PNG.
   < img src="/wp-content/uploads/2022/06/59f58475d118153dab4832195a9130bb.png" />
4. Нажмите кнопку “Экспорт” кнопку после внесения изменений, если это необходимо.
   

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

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

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

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

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

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

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

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

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

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

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

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

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

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