Як експортувати в 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. Виберіть зображення у Figma .
   
2. Клацніть зображення правою кнопкою миші, щоб відкрити меню.
   
3. Виберіть опцію Копіювати як PNG .
   
4. Вставте зображення в інший додаток.

Ця функція дозволяє копіювати PNG-версію потрібного зображення або об’єкта у Figma безпосередньо до буфера обміну. За замовчуванням це буде одноразова версія зображення, якщо об’єкт не має інших параметрів експорту.

Щоб зробити це ще простіше, ви можете використовувати наступні комбінації клавіш.

• Ctrl + Shift + C — ярлик для пристроїв Windows
  
• Command + Shift + C — це комбінація клавіш для пристроїв Mac

Використання цього методу дає вам швидший спосіб поділитися PNG-копією об’єкта у Figma. Однак експортування зображення як PNG за допомогою класичного методу дасть вам більше контролю над якістю зображення.

Експортуйте кілька шарів як один PNG

Якщо ви спробуєте вибрати кілька шарів і експортувати їх у формат PNG, ви отримаєте файл zip з кожним окремим шаром в окремому форматі PNG.

Хоча це чудово підходить для здійснення кількох експортів одночасно, це не допоможе користувачам, яким потрібно об’єднати всі шари в один файл PNG.

Ось де на допомогу приходить функція Group. Ви можете вибрати кілька шарів у Figma та об’єднати їх у групу. Потім ви можете експортувати групу як файл 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 для власних зображень? Розкажіть нам, як це пройшло, у розділі коментарів нижче.