Figma представляє набір функцій на основі штучного інтелекту, які допоможуть вам подолати творчі перешкоди та втілити свої найкращі ідеї в життя.
З тих пір, як у Figma вперше впровадили функції штучного інтелекту в FigJam, розробники думали про те, як використовувати можливості штучного інтелекту у Figma. Як і в усьому, що вони роблять у Figma, головна мета — надати вам інструменти, необхідні для найкращої роботи — вийти за рамки ажіотажу та знайти реальні рішення реальних проблем користувачів. Через цю призму вони раді представити Figma AI – набір функцій, розроблених, щоб допомогти вам працювати ефективніше та креативніше.
Знаходьте саме те, що вам потрібно, за допомогою розширеного пошуку
Читайте також:
У Figma знають, що продуктові дизайнери не завжди починають з нуля. Багато користувачів Figma використовують світлини або намагаються працювати з уже створеними командою компонентами. Але пошук конкретної конструкції або компонента може бути схожий на пошук голки в копиці сіна, особливо коли ви працюєте у великих організаціях зі складними системами дизайну. Figma представляє два нові способи, які допоможуть вам знайти потрібну точку відліку: візуальний пошук і пошук активів на основі штучного інтелекту.
Візуальний пошук дає змогу знаходити та повторно використовувати дизайни, завантажуючи зображення, вибираючи область на полотні або вводячи текстовий запит. У Figma миттєво з’явиться візуально схожі дизайни з усіх файлів вашої команди, до яких у вас є доступ. Після цього ви можете вставляти найбільш релевантні кадри безпосередньо у ваш робочий файл. У майбутньому ця можливість пошуку поширюватиметься на файли всієї спільноти, що полегшить пошук і виявлення чудових ресурсів спільноти.
Розробники також значно оновили наявну функцію пошуку активів на панелі “Активи”. Figma тепер використовує штучний інтелект для розуміння семантичного значення та контексту ваших пошукових запитів, призначений для повернення найбільш релевантних компонентів та активів, навіть якщо ваші пошукові запити не точно збігаються з їхніми назвами. Наприклад, під час пошуку за запитом “основна кнопка” мають відображатися відповідні компоненти кнопок, навіть якщо вони названі приблизно “btn_large” у вашій системі дизайну. Вийшовши за рамки простого зіставлення ключових слів і вивчивши, як зазвичай використовуються елементи дизайну, Figma полегшує пошук і використання компонентів вашої системи дизайну в інтуїтивно зрозумілий і природний спосіб.
Попрощайтеся з тим, щоб ламати голову в пошуках точних назв активів. Пошук активів інтуїтивно знаходить те, що ви шукаєте.
«Пошук є чудовим прикладом того, як штучний інтелект може прагматично вирішувати реальні больові точки, з якими дизайнери стикаються щодня», — ділиться Марко Корнаккіа, дизайнер продукту. «Ви проводите весь цей час просто в пошуках потрібних речей — копирсаєтеся у файлах, прослуховуєте у колег по команді посилання, намагаєтеся знайти той самий компонент. За допомогою візуального пошуку ви можете миттєво отримати те, що вам потрібно, просто описавши це простою мовою або завантаживши знімок екрана».
Пошук є чудовим прикладом того, як штучний інтелект може прагматично вирішувати реальні больові точки, з якими дизайнери стикаються щодня.
Працюйте ефективніше та залишайтеся в потоці
Figma також представляє набір інструментів, які спрощують типові завдання дизайну та допомагають вам працювати ефективніше, від редагування та створення зображень до інтерактивного створення прототипів і навіть найменування шарів.
- Перекладайте, скорочуйте або переписуйте текст одним кліком
Текстові інструменти на основі штучного інтелекту полегшують ітерацію тексту та пошук потрібних слів. «Нова функція переписування тексту дозволяє мені автоматизувати зайнятість і швидше досліджувати ідеї високої точності», — ділиться Гевін Нельсон, дизайнер Linear.
- Оживляйте дизайни за допомогою реалістичних текстів і зображень
«Для мене нудна робота над історіями, які не лише відображають мою загальну розповідь, але й базуються на реальних випадках використання, була монументальною для узгодження моєї команди з нашими цілями», — каже Гай Мейєр, старший дизайнер персоналу ServiceNow. «Реалістичні дані є ключем до продажу зацікавленим сторонам бачення, до якого ви прагнете».
Створюйте реалістичні тексти та зображення, щоб оживити свої дизайни. У Figma знають, що заповнювачі lorem ipsum і FPO є основними для багатьох дизайнерів, але ніщо не замінить використання реалістичних текстів і зображень у ваших макетах. Ось чому тут представили інструменти для створення контенту на основі штучного інтелекту, які допоможуть вам швидко наповнити свої дизайни релевантним і реалістичним контентом. Використовуючи текст і візуальні елементи, які виглядають і відчуваються як справжні, ви можете створювати більш привабливі, переконливі макети, які ефективно передають ваше бачення дизайну.
Крім того, тепер ви можете видаляти фон зображення, не залишаючи полотно, що дає змогу миттєво ізолювати об’єкти та створювати вражаючі візуальні ефекти без перемикання інструментів.
Відмовтеся від lorem ipsum і зробіть свої макети реальними за допомогою автоматично згенерованого, релевантного текстового контенту.
Налаштуйте довжину та тон тексту або перекладіть, щоб знайти ідеальний варіант для вашого дизайну, не виходячи з Figma.
Видалення фону миттєво ізолює об’єкт зйомки, щоб ви могли створити вражаючі візуальні ефекти.
- Швидше переходьте від дизайну до реальності за допомогою швидкого створення прототипів
Натиснувши «Створити прототип», ви можете швидко перетворити статичні макети на інтерактивні прототипи, що спрощує втілення ідей у життя та отримання підтримки зацікавлених сторін. Переглядайте прототипи безпосередньо на полотні, щоб оптимізувати ітерацію та ефективніше вдосконалювати свої дизайни. Оживіть свої статичні екрани, перетворивши свої дизайни на інтерактивні прототипи.
- Залишайтеся організованими за допомогою автоматичного перейменування шарів
Лі Манро з OneSignal ділиться: «Функції штучного інтелекту Figma допомогли нам заощадити час на деяких з найбільш виснажливих завдань дизайну, таких як найменування шарів або створення фіктивного тексту, що дозволило нашій команді зосередитися на більш цінному ефектному дизайні».
«Перейменувати шари» — це, здавалося б, невелика функція, яка може заощадити дизайнерам години монотонної роботи протягом проекту, допомагаючи впорядкувати ваші файли та підготувати їх до розробки.
- Два набори шарів інструментів дизайну, один з іменами за замовчуванням, а інший з семантичними іменуваннями.
Зберігайте свої файли одним клацанням миші, автоматично перейменовуючи шари з контекстними заголовками.
- Створюйте дизайни з текстових підказок
Ка Темпл, старший дизайнер продуктів у ServiceNow, був одним із перших тестувальників Make Designs. «Здатність генерувати перші чернетки та переписувати текст зробила початок нового проекту менш складним», — каже Ка. «Це активізувало мій творчий потенціал, що прискорило мій робочий процес і звільнило мій розум для швидшого вигадування нових унікальних ідей».
У Figma часто говорять про проблему чистого полотна, коли ви стикаєтеся з новим файлом Figma і не знаєте, з чого почати. Функція «Створювати дизайни» на панелі «Дії» генеруватиме макети інтерфейсу користувача та параметри компонентів із ваших текстових підказок. Просто опишіть, що вам потрібно, і функція надасть вам першу чернетку. Допомагаючи вам швидко вносити ідеї, ця функція дозволяє досліджувати різні напрямки дизайну та швидше знаходити рішення.
Але це тільки початок. З часом ця функція буде використовувати системи дизайну, такі як набір Material 3 від Google, дозволяючи вам генерувати інтерфейс користувача, адаптований до ваших унікальних потреб. Згодом ви зможете використовувати унікальні активи та шаблони системи дизайну вашої організації для створення інтерфейсу користувача, що відповідає фірмовому стилю.
Нова креативна стартова лінія
Розробники Figma самі в захваті від цих нових функцій штучного інтелекту. Деякі з них вам сподобаються відразу, тому що вони відразу покращать ваш робочий процес, наприклад, присвоєння імен шарам або заливці контентом. Інші, такі як UI та генерація прототипів, малюють картину того, куди Figma хоче рухатися, надаючи користувачам нову творчу стартову лінію, полегшуючи перехід до працездатного першого проекту та втілення дизайнів у життя. Головна мета — вирішити реальні больові точки та розкрити ваш творчий потенціал за допомогою інструментів, набраних у ваш робочий процес і вдосконалених штучним інтелектом.
Підхід Figma до навчання
Усі генеративні функції, які Figma запускає, працюють на сторонніх готових моделях штучного інтелекту і не були навчені на приватних файлах Figma або даних клієнтів. Розробники доопрацювали візуальний вигляд і пошук активів за допомогою зображень інтерфейсів користувача із загальнодоступних безкоштовних файлів спільноти.
Хоча Figma пишається функціями штучного інтелекту, які тут створили до цього часу, розробники бачать способи ще більше прискорити вашу роботу, розробляючи нові моделі, які працюють більш ефективно та результативно з концепціями та інструментами, специфічними для Figma. Щоб зробити ці покращення, потрібно навчити моделі, які краще розуміють концепції та шаблони дизайну, а також внутрішні формати та структуру Figma за допомогою контенту Figma.
Два важливі моменти: по-перше, всі адміністратори можуть контролювати, чи використовуються дані контенту їхньої команди для навчання. По-друге, участь у навчанні контенту зі штучним інтелектом не є обов’язковою для використання функцій штучного інтелекту Figma.
Щоб зробити ці функції кориснішими, моделі, які Figma використовує, мають бути налаштовані на конкретні способи роботи дизайнерів та продуктових команд у Figma.
Конфіденційність та захист даних
Розробники зобов’язуються принципово дбати про захист вашої конфіденційності. Тут знають, наскільки важливі ваші дані для вас, вашої компанії та ваших клієнтів. Процес розробки моделі розроблений таким чином, щоб захистити вашу приватність та конфіденційну інформацію.
Для всіх даних клієнтів Figma:
- Шифрує всі дані під час зберігання та передачі
- Використовує заходи безпеки, призначені для захисту від несанкціонованого доступу до даних клієнтів
- Застосовує спеціальні дозволи та контроль доступу користувачів щодо того, хто може переглядати ваші дані та отримувати до них доступ
Figma робить додаткові кроки для навчання моделей, щоб вони вивчали загальні шаблони дизайну та концепції та інструменти Figma, а не ваш контент, концепції та ідеї. Наприклад, знеособлює контент і видаляє конфіденційну інформацію, зокрема з тексту та зображень.
Навчання моделі штучного інтелекту
Figma представляє налаштування на рівні команди, де адміністратори можуть керувати обміном контентом клієнтів за допомогою Figma для навчання штучному інтелекту. Контент клієнта включає файловий контент, створений або завантажений користувачем у Figma, такий як назви та властивості шарів, текст та зображення, коментарі та анотації. Ділитися контентом своїх клієнтів з Figma для навчання штучного інтелекту необов’язково, і налаштування вашої команди набудуть чинності 15 серпня 2024 року. Якщо після цього адміністратор вимкне навчання контенту, новий контент і редагування не використовуватимуться для навчання моделей штучного інтелекту.
Починаючи з сьогоднішнього дня, адміністратори можуть установлювати параметри навчання даних вмісту безпосередньо в налаштуваннях для всіх планів.
Дані про використання
Дані про використання відрізняються від контенту клієнтів і стосуються того, як здійснюється доступ до Figma та використовується. Приклади даних про використання включають технічні журнали, метадані, дані телеметрії та інформацію про те, як використовується вміст вашої організації (наприклад, скільки разів до нього звертаються), але дані про використання не включають сам ваш контент. Ці дані використовуються в узагальнений, знеособлений спосіб для захисту вашої конфіденційності.
Дані файлів спільноти
Безкоштовні файли у спільноті Figma доступні за ліцензіями, які дозволяють трансформацію, але вимагають зазначення авторства. Що таке атрибуція у сфері штучного інтелекту – це широко обговорювана тема. Поки Figma не прийме рішення і прозоро не повідомила про свій підхід, генеративні моделі, які виводять дизайн, не будуть навчатися на файлах спільноти. Досі тут використовували загальнодоступні, безкоштовні файли спільноти лише для покращення випадків використання пошуку, як-от нові покращення семантичного та візуального пошуку.
Погляд у майбутнє
Мета Figma — побудувати штучний інтелект на службі дизайнерів і продуктових команд, при цьому бути відповідальними та чіткими у своєму підході. Поєднуючи силу штучного інтелекту з мудрістю своєї творчої спільноти, розробники бачать майбутнє, в якому штучний інтелект стане справжнім творчим партнером.
На закінчення
Figma – це популярний інструмент для дизайну інтерфейсів користувача (UI) та прототипування, який швидко набирає ходи. Якщо ви ще не користуєтесь Figma, то тут існує безкоштовний тарифний план, який є щедрим і підходить для багатьох користувачів, але платні плани пропонують додаткові функції, які можуть знадобитися професіоналам.
Ось короткий опис того, що пропонує безкоштовний план Figma:
- Проекти: 3 активних проекти одночасно. Ви можете створювати більше проектів, але лише 3 з них можуть бути активними одночасно.
- Зберігання: Необмежене зберігання файлів.
- Команди: До 2 редакторів одночасно в одному проекті. Ви можете запрошувати необмежену кількість глядачів.
- Функції: Багато основних функцій Figma, включаючи:
- Векторні інструменти для створення інтерфейсів користувача
- Прототипування для створення інтерактивних прототипів ваших проектів
- Дизайн систем для створення послідовного дизайну
- Передача файлів для спільного використання ваших проектів з іншими
- Плагіни для розширення можливостей Figma
Тож приєднуйтесь до спільноти та робить креативні речі! А якщо побажаєте мати професійну версію, звертайтесь до постачальника – компанії Ідеалсофт.