Figma представила шари коду та нові ШІ-функції для роботи над дизайном
- Ярослава Несисюк
- 1 годину тому
- Читати 1 хв
Figma представила низку нових функцій, серед яких шари коду, підтримка анімацій і можливість створювати власні плагіни за допомогою штучного інтелекту.
Код стає частиною дизайн-процесу
Компанія додала функцію Code Layers, яка дозволяє працювати з кодом безпосередньо на спільному полотні Figma.
За допомогою нового інструмента команди можуть клонувати репозиторії, імпортувати програмний код і перетворювати його на дизайн-компоненти для тестування та спільної роботи.
Нова функція має спростити взаємодію між дизайнерами, розробниками та продуктовими менеджерами під час створення нових продуктів.
«Спільне полотно є дуже потужним середовищем, де не потрібно перейматися якістю коду. Якщо потрібно швидко дослідити нові ідеї чи напрямки, це можна робити саме тут», — заявив директор із продуктів Figma Юхкі Ямасіта.
Анімації та 3D-ефекти
Figma також додала підтримку анімацій, переходів і тривимірних трансформацій.
Раніше для створення таких ефектів дизайнери змушені були використовувати сторонні програми та переносити результати до Figma через код. Тепер анімації можна створювати безпосередньо в редакторі.
Крім того, платформа отримала інструменти на базі штучного інтелекту для генерації графічних ефектів, зокрема шейдерів і заливок.
ШІ допоможе створювати плагіни
Компанія також розширила можливості свого ШІ-помічника.
Користувачі можуть створювати власні сценарії роботи для ШІ-агентів за допомогою текстових інструкцій, а також підключати до них сторонні сервіси, зокрема Notion, Excel, GitHub і Granola.
Окремо Figma запускає функцію створення кастомних плагінів через текстові запити. Це дозволить автоматизувати окремі завдання без написання коду вручну.
Інтеграція Weavy продовжиться
Минулого року Figma придбала платформу Weavy, яка дозволяє запускати робочі процеси через різні ШІ-моделі та порівнювати їхні результати.
Пізніше цього року користувачі зможуть створювати такі ШІ-процеси безпосередньо всередині Figma.
