Ця стаття є частиною курсу «Штучний інтелект у Figma: від дослідження до прототипу». У ній розглянемо інструменти штучного інтелекту у Figma для роботи із зображеннями.
Раніше для роботи із зображеннями в макетах доводилося виходити в Photoshop, вирізати тло, розширювати кадр, підвищувати різкість. Сьогодні більшість цих операцій доступна прямо всередині Figma – через вбудовані ШІ-інструменти. У цій статті розберемо, які є можливості для роботи із зображеннями у Figma AI.
Видалення тля (Remove Background)
Remove Background автоматично видаляє тло зображення, щоб виділити головний об'єкт. Інструмент справляється навіть зі складними випадками – дрібні деталі, нерівні контури, обʼєкти на строкатому тлі.
Щоб скористатися функцією:
- Виділіть зображення.
- У контекстному меню оберіть Remove Background.
За кілька секунд Figma вирізає тло і зберігає обʼєкт.
Важливий нюанс: оригінальний шар не видаляється, а ховається. Якщо результат не сподобався – можна повернутися до вихідного варіанту. Після вирізання зображення легко вставити в макет і підкласти під нього будь-який колір із вашої палітри.
Підвищення якості (Boost Resolution)
Boost Resolution збільшує різкість і зменшує піксельність зображень із низькою роздільною здатністю. Корисно, якщо фото прийшло в поганій якості або було згенероване ШІ і вийшло нечітким.
Щоб скористатися функцією:
Виділіть зображення.
Натисніть More → Boost Resolution.
Розширення зображення (Expand)
Expand розширює зображення за межі його оригінальних кордонів. Штучний інтелект добудовує нові частини, орієнтуючись на наявний контекст. Наприклад, якщо фото кімнати не захоплює стіл у кутку, але він потрібен у кадрі – можна розширити кадр праворуч, і Figma домалює стіл і частину кухні.
Щоб скористатися функцією:
- Затисніть Cmd/Ctrl і потягніть край зображення вбік – зʼявиться порожня зона.
- Натисніть кнопку Expand, яку Figma запропонує автоматично.
Розширювати можна прямо в макеті або окремо, а потім вставляти – на якість результату це не впливає.
Виділення або видалення обʼєкта (Isolate)
Isolate дозволяє точково працювати з конкретним обʼєктом на зображенні – вирізати його на окремий шар або видалити з кадру зовсім.
Щоб скористатися функцією:
- Виділіть зображення і натисніть Select Area.
- Ласо обведіть потрібну зону.
- Оберіть дію: Erase або Isolate.
Erase видаляє обʼєкт із зображення – Figma заповнює тло навколо нього. Isolate вирізає обʼєкт на окремий шар, який можна використати в іншому макеті. При цьому на оригінальному зображенні залишається лише тло.
Редагування через промпт (Edit Image with Prompt)
Edit Image дозволяє змінювати зображення за допомогою текстового запиту – без ручного редагування. Наприклад, можна попросити змінити колір обʼєкта, додати або прибрати елемент, змінити освітлення.
Щоб скористатися функцією:
- Виділіть зображення.
- Натисніть Make Changes і введіть промпт із побажаннями.
Figma показує поруч оригінал і новий варіант – можна обрати потрібний або продовжити уточнювати запит. Зміни накопичуються ітеративно, і кожен наступний промпт діє поверх попереднього результату.
Генерація зображення з нуля (Make an Image)
Make an Image генерує зображення за текстовим описом прямо всередині Figma. Можна заповнити вже існуючий простір або створити нову фігуру – інструмент генерує зображення розміром 1024×1024 (це обмеження платформи) і розміщує його на просторі.
Щоб скористатися функцією:
- Відкрийте Actions → Make an Image.
- Введіть промпт і натисніть Make.
До промпту можна додати зображення приклад. Після генерації результат можна редагувати через Make Changes так само, як і будь-яке інше зображення.
Інструмент зручний для швидкого наповнення макетів заповнювачами, ілюстраціями або мудбордами – без перемикання між програмами.
Пошук за зображенням (Search with Image)
Search with Image дозволяє знаходити схожі елементи дизайну за допомогою зображення або знімка екрана. Figma шукає збіги у вашому поточному файлі, в інших ваших файлах і в Figma Community.
Щоб скористатися функцією:
- Виділіть зображення або елемент інтерфейсу.
- Натисніть More → Find Similar Designs.
Типовий сценарій – пошук іконки, назву якої ви не памʼятаєте. Знаходите схожу в інтернеті, завантажуєте у Figma і запускаєте пошук – інструмент підбирає аналог із підключеної дизайн-системи. Так само можна шукати схожі секції, патерни або компоненти.
Висновок
Усі ці інструменти вирішують конкретні задачі, які раніше вимагали виходу в окремі програми або ручної роботи. Вони особливо корисні на етапі збирання макетів і дозволяють швидко працювати із зображеннями.
Водночас результат ШІ не завжди виходить ідеальним із першого разу – особливо у складних випадках. Тому будь-яке згенероване або відредаговане зображення варто перевіряти перед фінальним використанням у макеті.
