25 червня відбулась щорічна конференція Figma Config
Цього року команда представила не окремі функції, а цілу екосистему інструментів, що поєднує дизайн, код, анімацію та штучний інтелект. У статті ми зібрали головні анонси Config 2026: Agent skills, Motion, Code Layers, Shader Effects, Weave Tools та інші оновлення, які незабаром можуть стати частиною щоденної роботи дизайнерів.
«Жоден інструмент, включно з Figma, не повинен обмежувати вашу здатність розвивати креативність і втілювати ідеї в життя», — Ділан Філд, співзасновник та CEO Figma.
Agent — помічник, який знає вас
Тепер помічник у Figma працює не лише з окремим запитом, а й враховує контекст проєкту. Він розуміє структуру файлу, знає дизайн-систему, може використовувати підключені джерела інформації та враховувати правила, за якими працює команда. Agent Skills дозволяють створювати власні навички для повторюваних процесів.
Figma Motion — анімація прямо у Figma
З Motion дизайнери можуть працювати з рухом у тому самому файлі у Figma, де створюють компоненти, змінні та дизайн-систему. У Motion з'явилися повноцінна шкала часу, ключові кадри, готові пресети та інструменти для точного налаштування анімації. Крім ручного редагування, можна описати бажаний ефект текстом, а Figma запропонує відповідну анімацію, яку потім легко доопрацювати.
Generative plugins — ваш інструмент за описом
Достатньо описати, який інструмент вам потрібен, — і агент згенерує готовий плагін, який можна одразу використовувати у роботі. Створені плагіни можна повторно використовувати та ділитися ними з командою. Це дозволяє швидко автоматизувати рутинні процеси й перетворити внутрішні практики на інструменти, доступні всім учасникам проєкту, без залучення розробників.
Shader effects and fills — власні шейдери на полотні
Система за описом генерує потрібний шейдер, який одразу можна застосувати до об'єкта. Це можуть бути ефекти рідкого металу, скла, шуму, градієнтів чи інших текстур. Нові шейдери працюють як звичайні заливки. Їх можна редагувати, комбінувати з іншими ефектами та повторно використовувати в різних макетах. Досвідчені користувачі можуть створювати власні ефекти мовою WGSL, а потім ділитися ними з командою або використовувати у своїх дизайн-системах.
Figma Weave Tools — розумні процеси у файлі
Разом із Weave Figma представила Tools — інструменти, які автоматизують повторювані задачі. Вони можуть виконувати конкретні дії за заданими правилами: переносити стиль між макетами, змінювати освітлення на зображеннях, створювати нові варіанти дизайну чи виконувати інші багатоетапні процеси.
Code Layers — код як матеріал дизайну
Code Layers стирає межу між дизайном і розробкою. Тепер компоненти, написані на React, можна розміщувати безпосередньо в макетах Figma поруч зі звичайними шарами. Вони залишаються повноцінною частиною дизайну, але водночас працюють як справжній код.