Четвер, 25 Червня, 2026

Figma тепер генерує анімації та шейдери за описом, роблячи дизайн більш “автоматизованим”

Компанія Figma представила низку оновлень своїх продуктів, покликаних допомогти творцям “розширити можливості своїх ідей” та автоматизувати рутинні завдання за допомогою штучного інтелекту. Одним із ключових нововведень є оновлене полотно, оптимізоване для повноцінної розробки, яке, за заявами Figma, об’єднує команди, AI-агентів, інструменти та матеріали “в одному місці”.

Тепер можна працювати безпосередньо з кодом на полотні Figma Design завдяки так званим “кодовим шарам”, що дозволяє редагувати код проєктів, не покидаючи інтерфейс Figma. Також з’явилися інструменти для створення анімацій та переходів за допомогою штучного інтелекту – достатньо лише описати бажаний ефект в інтерфейсі чат-бота Figma, і система сама згенерує відповідні motion graphics.

Серед інших значущих нововведень – можливість роботи з кодом безпосередньо у Figma Design через “кодові шари”. Це дає змогу клонувати репозиторії, створювати нові напрямки за допомогою агента Figma, витягувати елементи дизайну в редаговані шари та синхронізувати зміни назад у код, що дещо спрощує процес розробки.

Розділ “Motion” дозволяє спільно створювати анімації, переходи та 3D-трансформації безпосередньо у Figma. Можна генерувати анімації за допомогою ШІ, застосовувати готові стилі або вручну налаштовувати їх за допомогою часової шкали. Ці анімації інтегровані з дизайн-системами, підкріплені кодом і готові до використання.

Новий інструмент “Shaders” дає змогу створювати шейдерні ефекти та заливки, використовуючи WebGPU. Це відкриває доступ до візуальних ефектів, які раніше були недоступні у Figma, таких як дизеринг, пікселізація та різні типи розмиття, що тепер можна реалізувати безпосередньо на полотні.

Також з’явилися “Figma Weave workflows” – понад 20 інтегрованих інструментів Weave, які допомагають генерувати послідовні та якісні візуальні матеріали у Figma, перетворюючи складні AI-процеси на прості інструменти на полотні. Це перший крок до повної інтеграції Figma та Figma Weave, яка очікується пізніше цього року.

У сфері співпраці команд та агентів з’явилися “Agent skills and deeper context”, що дозволяє перетворювати повторювані завдання на навички, доступні для всієї команди, підвищуючи точність та узгодженість роботи. Агент також може отримувати додатковий контекст через сторонні конектори, веб-пошук та вкладення файлів, що робить його більш універсальним.

“Generative plugins” розширюють можливості Figma, дозволяючи створювати власні багаторазові плагіни за допомогою агента. Це дає змогу перетворювати текстові запити на інструменти, які можна налаштовувати та ділитися ними, не вимагаючи при цьому навичок програмування або складних налаштувань.

НАПИСАТИ ВІДПОВІДЬ

Коментуйте, будь-ласка!
Будь ласка введіть ваше ім'я

Євген
Євген
Євген пише для TechToday з 2012 року. Інженер за освітою. Захоплюється реставрацією старих автомобілів.

Vodafone

Залишайтеся з нами

10,052Фанитак
1,445Послідовникислідувати
105Абонентипідписуватися

Статті