Штучний інтелект поступово стає невід'ємною частиною нашого робочого процесу. Figma вирішили не відставати від трендів та оголосили про придбання Diagram, компанії, яка займається розробкою AI-інструментів для дизайнерів. Нещодавнє придбання Figma компанії Diagram (про це було оголошено на конференції Config 2023) та інтеграція штучного інтелекту до платформи передбачають значні зміни у способах взаємодії та роботи команд.
1. Diagram
Перший ресурс – Diagram – компанія, яка займається розробкою інструментів на основі генеративного штучного інтелекту та докорінно змінює сферу UI-дизайну. Diagram пропонує цілий набір інструментів, включаючи Magician, Genius, Automator та інші.
- Automator: Інструмент дозволяє автоматизувати виконання деяких завдань Figma без написання коду. Це економить дизайнерам багато часу та зусиль, а також підвищує їхню продуктивність.
- Magician: Набір інструментів на основі AI, які дозволяють дизайнерам швидко створювати іконки, зображення та текст для своїх проєктів. Це допомагає швидко втілювати ідеї у життя, а також тестувати різноманітні концепції.
- Genius: Цей інструмент поєднує новітні AI-моделі та інженерні розробки. Розумний помічник автоматично малює деякі частини макета прямо в Figma.
2. uidesign.ai
uidesign.ai – інноваційний плагін для Figma, який використовує штучний інтелект для створення інтерфейсів на основі текстових запитів. Освоїти його легко - достатньо ввести опис UI-дизайну, який вам потрібен, і AI-модель згенерує вайрфрейм або мокап. Пізніше ви можете налаштувати його на свій розсуд. Поки uidesign.ai знаходиться на стадії розробки, але він має всі шанси зробити революцію в UI, дозволивши дизайнерам за кілька хвилин створювати макети та швидко досліджувати нові концепції.
FigmaAI - Texts
FigmaAI-Texts — це плагін, який використовує можливості ChatGPT для зручного редагування та написання тексту. З його допомогою користувачі можуть одночасно редагувати або перекладати кілька фрагментів тексту та генерувати текст, що відповідає їхньому запиту. Цей інструмент стане вашим незамінним помічником: він вміє швидко створювати заголовки, описи, тексти-заповнювачі для вайрфреймів та прототипів, виправляти орфографічні та граматичні помилки та багато іншого.
- Ви можете створювати різні типи текстів для різних цілей, наприклад формальний, розмовний, смішний.
- Інструмент дуже економить час, особливо якщо ви працюєте над проєктом із великим обсягом тексту.
- Платна версія пропонує додаткові можливості, такі як створення великої кількості тексту, переклад тексту на більшу кількість мов і більш точна стилізація тексту.
4. Vectorizer
Шукаєте швидкий та простий спосіб конвертувати растрові зображення у векторний формат? Зверніть увагу на Vectorizer – плагін для Figma, який спрощує цей процес. З його допомогою можна перетворювати зображення у форматах PNG, JPG, GIF і т.д. у векторну графіку, яку можна редагувати, налаштовувати та масштабувати до будь-якого розміру без втрати якості.
5. PicsAI
PicsAI – плагін, який використовує штучний інтелект для створення зображень на основі текстових та графічних підказок. Просто опишіть, що ви хочете отримати у текстовому полі, і PicsAI згенерує кілька варіантів. З його допомогою ви можете за лічені хвилини створювати будь-яку графіку – від простих іконок до складних ілюстрацій.
6. Figaro
Figaro – AI-асистент, який допомагає дизайнерам проєктувати та кастомізувати макети у Figma. Цей безкоштовний плагін не вимагає API-ключа. Він здатний перетворювати форми, лінії та кадри, генерувати текст та ідеї. Figaro може навіть відповідати на питання, пов'язані з дизайном.
Використовувати Figaro дуже просто – достатньо відправити запит у чат, наприклад, "Створити коло радіусом 100px" або "Напиши заголовок для цієї сторінки товару".
- Він розуміє широкий спектр команд, від простих, таких як «Створи коло», до складніших, наприклад, «Створи текстовий блок із наступним змістом ______».
- Він може перетворювати макети на код – корисна функція для розробників.
- Він постійно навчається та вдосконалюється на основі взаємодії з користувачами.
7. AI Image Upscaler
Якщо ви хочете підвищити чіткість і різкість зображень або зробити їх більше без втрати якості, AI Image Upscaler плагін – саме те, що вам потрібно. Цей зручний інструмент використовує AI для збільшення зображень (аж до 8-кратного розміру, у безкоштовній версії – 2-кратного).
Крім того, плагін має функцію Face Enhance, яка допоможе видалити пігментні плями, акне і зморшки з портретних фото. Завдяки широким можливостям та простоті використання цей плагін є потужним інструментом для підвищення якості ваших робіт.
8.Aipres
Aipres – плагін, який використовує AI для створення простих презентацій на основі ваших запитів. Просто введіть, наприклад: «Створи презентацію про природні дива Австралії», і він згенерує слайди з відповідними зображеннями, текстом та діаграмами. Попри те, що Aipres поки що знаходиться в стадії бета-тестування, він допоможе вам швидко і без зусиль створювати базові презентації.
9. Builder.io
Плагін від Builder.io – це чудовий AI-інструмент, який дозволяє створювати дизайн, перетворювати його на код і імпортувати. Запускайте веб-сайти та веб-програми без навичок програмування!
Завдяки drag-and-drop, широкому вибору компонентів та шаблонів, а також потужному API цей плагін зробить вашу роботу більш ефективною та менш трудомісткою. Для UX-дизайнерів це чудова можливість швидко та без особливих зусиль створювати високоякісні прототипи та мокапи.
Можлива інтеграція зі сторонніми сервісами, включаючи Google Analytics, Mailchimp та Zapier.
10. QoQo
QoQo - це плагін, який підвищує ефективність UX-досліджень та проєктування. Він генерує зрозумілі та лаконічні тексти, персони користувачів, карти шляху та питання для інтерв'ю. Крім того, у ньому є чат-асистент, який допомагає дизайнерам проводити мозкові штурми та вигадувати ідеї.
Є як безкоштовна, і преміум-версія. Перша надає доступ до функцій UX-копірайтингу, створення персон та складання карти шляху користувача, а друга – до підготовки питань для інтерв'ю та чат-асистенту.
