Product Design * Motion in App

Наконец-то я дождався, скільки ждав, ждав, але все-таки є 🚀 Нарешті це сталося. Figma додала вкладені папки (Nested Folders). Те, чого дизайн-спільнота просила роками, тепер офіційно доступно. Тепер можна будувати нормальну ієрархію проєктів, а не вигадувати десятки префіксів у назвах файлів. До 10 рівнів вкладеності — дрібниця на перший погляд, але для великих команд це суттєво спрощує навігацію та організацію роботи. Іноді саме такі «маленькі» оновлення економлять більше часу, ніж гучні AI-анонси. 👏 😍 Product Design * Motion in App | Підписатися

🥰 Анімація спалювання негативних історій у «How We Feel» Оце так зробіть з роботою у вихідні @shain_design

Lottie Creator тепер повністю працює у браузері У новій версії з'явився Motion Copilot, який створює анімації на основі текстового запиту. Також було додано Graph Editor для точного налаштування анімації та State Machines для створення інтерактивних сценаріїв. 😍 Product Design * Motion in App | Підписатися

Ви вже користуєтесь AI, але результат досі непередбачуваний?🤔 Один промпт спрацьовує, інший — ні. І замість економії часу ви витрачаєте ще кілька годин на правки та перевірку фактів. Щоб нарешті працювати з AI не навмання, Projector запускає інтенсив Prompt Engineering and Vibe Coding у межах міжнародної академічної співпраці з Warwick Business School — однією з провідних бізнес-шкіл Великої Британії. За 3 дні ви розберете: — як формулювати запити, щоб AI видавав те, що треба; — як будувати AI-автоматизації без технічного бекграунду; — як перевіряти відповіді на точність та логічні прогалини; — як створювати прототипи продуктів без програмування. Навчання англійською мовою. Старт — 25 липня, онлайн під керівництвом Рама Д. Ґопала, професора Warwick Business School. Він автор понад 100 наукових публікацій із майже 9000 цитувань, а окремі роботи цитуються в політичних документах Європейського Союзу. Перетворіть AI на дієвий робочий інструмент. Перегляньте програму курсу та реєструйтесь за посиланням #AD

Coca-Cola представила новий фірмовий стиль. 😍 Product Design * Motion in App | Підписатися

Тепер під час розмови 🤖 ChatGPT може відображати інформативні візуальні картки з даними про погоду, курси акцій, спортивні події та багато іншого. 😍 Product Design * Motion in App | Підписатися

Як зациклити анімацію окремої властивості у 🖌 Figma Motion Якщо потрібно, щоб повторювалася лише одна анімація (наприклад, Scale, Opacity або Rotation), зовсім не обов'язково зациклювати всю часову шкалу. Як це зробити: 1. Відкрийте Timeline. 2. Натисніть правою кнопкою миші на потрібний property track. 3. Виберіть Loop Track. Тепер нескінченно повторюватиметься лише вибрана властивість, а всі інші анімації й надалі працюватимуть за власним сценарієм. Це особливо корисно для пульсації кнопок, миготливих індикаторів, обертання елементів та інших мікроанімацій. 😍 Product Design * Motion in App | Підписатися

Щойно дізнався, що Nokia жива 😱 І там пишуть, що вже кнопко-фони оснащуються вбудованим ШІ. Компанія HMD представила чотири нові моделі: Nokia 210, Nokia 235 (2nd Edition), Nokia 215 (2nd Edition) та Nokia 200. Усі вони отримали спеціальну кнопку для голосових команд із використанням ШІ, доступ до хмарних сервісів (для перегляду відео та прогнозу погоди), акумулятори ємністю 1450 мА·год і роз'єм 3,5 мм. Тепер ваша бабуся не буде жалітись на те, що ви їй не телефонуєте. У неї є свій ШІ-асистент, з яким вона зможе поговорити 😂 😍 Product Design * Motion in App | Підписатися

Після 19 днів експортного бану Anthropic знову ввімкнула Fable 5. Але є нюанс... — Тепер із посиленими фільтрами: якщо класифікатор вважає запит підозрілим, вас тихенько перекинуть на слабшу модель, або скаже "Думай сам". — До 7 липня Fable 5 можна юзати в підписці, але максимум на 50% тижневого ліміту. А токени він палить швидше за інші моделі. — Після 7 липня - все, тільки за окремі usage credits. 20 баксиків/місяць вже не врятують. Яйця трішки закручують Крч, найрозумніша публічна модель тепер існує в режимі "дивитись можна, трогати якщо мільйонер". Дякуємо за джейлбрейк, який це все наробив 🙃 😍 Product Design * Motion in App | Підписатися

Поки в Figma Motion не завезли нативний експорт у Lottie, у плагіні Lottie з'явився експорт із Figma Motion. Працює, можна використовувати 😍 Product Design * Motion in App | Підписатися

Hand-crafted на рівні 🔥 Ваші Claude-коди теж так уміють? 😍 Product Design * Motion in App | Підписатися

Протестував Motion у 🖌 Figma на реальних задачах. Враження поки дуже позитивні, і це точно не 💩 Штучка Інтелект досить впевнено збирає базові анімації за текстовим описом. Для багатьох сценаріїв цього вже достатньо, щоб швидко перевірити ідею без ручного налаштування десятків параметрів. Якщо ж потрібно анімувати вручну, інструмент побудований на знайомих принципах motion-дизайну. Тому тим, хто працював з After Effects, Premiere або DaVinci, розбиратися буде нескладно. Шейдери то теж розрив. Їхні параметри можна анімувати та комбінувати з іншими ефектами, що відкриває багато цікавих можливостей для сучасних інтерфейсів. Але найбільша перевага навіть не в AI. Раніше для демонстрації складної взаємодії доводилося переходити між Figma, ProtoPie, After Effects, Rive та іншими інструментами. Це постійний експорт, імпорт, правки та повернення назад. Тепер значну частину цього процесу можна виконати безпосередньо у Figma. І саме цього, здається, давно не вистачало прототипуванню в екосистемі Figma — можливості показувати не лише статичний дизайн, а й складну інтерактивність та motion в одному середовищі. На обкладинці поста анімація згенерована одним запитом «- кусок лайна, анімуй мені цей інтерфейс" 😍 Product Design * Motion in App | Підписатися

Термінологія анімації має більше значення, ніж думає більшість людей особливо в еру ШІ. Під час роботи з ШІ фраза «кусок лайна, анімуй мені цей значок» часто залишає занадто багато місця для інтерпретації. Невеликі зміни у формулюванні можуть призвести до зовсім різних результатів. Замість цього спробуйте використовувати конкретні терміни руху, такі як "Bounce", "Scaling", "Rotation", "Pulse", "Swing" або "Breathing Effect". Кожен із них описує окремий шаблон руху, який простіше зрозуміти як розробникам, так і інструментам ШІ. Словник термінів з анімації: https://animations.dev/vocabulary 😍 Product Design * Motion in App | Підписатися