25 червня відбулася щорічна конференція Figma Config, на якій Діллан Філд, генеральний директор та співзасновник Figma презентував цілу екосистему інструментів. Нові функції значно розширили можливості дизайн-системи та автоматизували повторювані задачі за допомогою AI. Тепер у макеті можна додавати складну анімацію, створювати інтерактивні інтерфейси, динамічні візуальні ефекти, генерувати плагіни та працювати з AI-агентом.
Низка інструментів знаходиться у бета-версії та невдовзі стане доступна користувачам. Далі — огляд основних оновлень від IT-спільноти Львова — Techno-Logic.
Figma Motion — анімація з вбудованим таймлайном
Більше не потрібно шукати сторонні програми, щоб «оживити» власний проєкт. Дизайн та анімація — в одному файлі Figma. Завдяки таймлайну користувач може створювати рухомі елементи безпосередньо в макеті, налаштовувати параметри, стилі, працювати з ключовими кадрами. Окремо можна встановити тривалість, час і послідовність зміни рухомих об’єктів.
Завдяки інтегрованому AI-агенту можна текстом описати бажаний ефект і Figma допоможе його відтворити. Анімацію легко редагувати та експортувати у форматі MP4, GIF, WEBM, Animated SVG. Для користувачів безкоштовного тарифу Figma функціонал інструменту дещо обмежений, з повною ліцензією — мають повний доступ до примітивів, параметрів анімації, таймлайну та експорту.
Shader Fills у Figma: коли заливка оживає
Замість статичних растрових зображень «живі» текстури. Shader Fills — новий потужний інструмент для створення динамічних та анімованих візуальних ефектів за допомогою шейдерів. Рендеринг відбувається у реальному часі всередині макету Figma. Інструмент працює на базі WebGPU. Наразі дана функція доступна у відкритій бета-версії.
Shader Fills дозволяє створювати різні типи заливок: шум, мармур, голографічна поверхня, рідкий метал, скло тощо. За допомогою Shader Effects можна змінювати вигляд вже існуючих об’єктів — додавати зернистість, пікселізацію, розмиття та інші візуальні ефекти.
Використовуючи AI-агент користувачі можуть створювати власні шейдери — достатньо описати словами бажаний результат або ж додати референс і програма згенерує відповідну заливку. Після генерування параметри шейдера можна змінювати, комбінувати з іншими ефектами, зберігати і повторно використовувати в різних макетах. У львівській компанії Techno-Logic зазначають, що інструмент може бути корисним у дизайні інтерфейсів, вебсайтів та підготовці різних візуальних концептів.
Code Layers — дизайн та розробка в одному середовищі
Інструмент, який дозволяє працювати з дизайном і кодом в одному файлі. Якщо раніше дизайнер передавав готовий дизайн-макет розробнику, а той, у свою чергу перетворював його на робочий інтерфейс, то сьогодні обидва процеси можуть відбуватися паралельно.
Завдяки функції Code Layers код сприймається Figma як текст, зображення, компонент чи векторний об’єкт. Звичайні шари дизайну перетворюються на інтерактивний працюючий код в одному файлі. Користувач може одразу перевірити, як працює сайт або застосунок, оцінити його з точки зору UX/UI.
Дизайн легко перетворюється в інтерактивний кодовий шар, а код — назад, у редагований шар Figma. Після внесення змін Code Layer можна оновити, а кілька різних варіантів інтерфейсу розмістити поруч для порівняння.
Дизайнерам та розробникам більше не потрібно перемикатися між різними інструментами, що значно прискорює роботу над спільним проєктом. З погляду IT-фахівців львівської компанії Techno-Logic, функція Code layers є справжньою революційною новинкою, представленою на Figma Config 2026. Однак зараз перебуває на стадії закритого бета-тестування.
Генерування власних плагінів у Figma
Програма пропонує безліч безкоштовних плагінів, проте вже зараз користувачі можуть самостійно генерувати потрібні їм завдяки взаємодії з Figma AI-агентом. Достатньо текстом описати, який інструмент потрібен для виконання завдання, почекати декілька хвилин, поки згенерується та вільно використовувати його в роботі.
Як створити власний плагін у Figma:
- Відкрийте Figma Design та оберіть файл, у якому будете працювати;
- Натисніть «Agents» на панелі навігації та створіть новий чат;
- У полі запиту введіть «Build me a plugin» та опишіть функції, які він має виконувати. Додатково можна спробувати скористатися вже готовими запитами;
- Перевірте як працює плагін, протестуйте його і переконайтеся, що він повністю відповідає вашому запиту;
- За потреби внесіть зміни через Figma AI-агент.
Створені плагіни можна зберігати і використовувати повторно. У Figma вони інтегруються, як нативні інструменти та майже не відрізняються від вбудованих функцій.
Figma Weave — нове покоління AI для дизайну
Figma Weave — це AI-платформа для створення та редагування візуального контенту, яка об’єднує різні генеративні моделі і професійні інструменти в одному середовищі. Щоб почати користуватися, необхідно зареєструватися на сайті weave.figma.com (можна використовувати облікові дані для входу до Figma).
Робота у Figma Weave побудована на основі візуальних вузлів (node-based), де кожен крок — це окрема дія. Замість того, щоб прописувати новий промпт, можна будувати послідовність дій, змінювати етапи робочого процесу і повторно використовувати готовий workflow.
Weave tools дозволяють виконувати типові AI-завдання без складних промптів: змінювати фон, освітлення, колір, створювати різні варіації та векторні ілюстрації. Наразі інструменти доступні лише у відкритій бета-версії. Спеціалісти Techno-Logic підкреслюють, що Figma Weave особливо корисний у маркетингу, e-commerce, SMM під час роботи з великими обсягами візуального контенту.
Підсумки Figma Config 2026
Конференція показала, що Figma еволюціонує від звичайного графічного редактора до єдиного середовища для дизайну, розробки та роботи з AI. Нові функції, зокрема Code Layers, Shader Fills, генеративні плагіни та Weave розширюють можливості платформи, роблять workflow більш цілісним та гнучким. На думку експертів Techno-Logic, оновлення змінили підхід до роботи у digital. Дизайнерам та розробникам більше не треба перемикатися між інструментами. Тепер можна разом тестувати різні ідеї, вносити корективи та працювати над єдиним продуктом.
Інформація розміщена на правах реклами
