TGViewer
Channel Public Channel
Product Design * Motion in App

Product Design * Motion in App

@motioninapp

Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів.

👉 Умови, ціни та формати співпраці: http://bit.ly/4pjLByL

Реклама та співпраця: @ivanpokazka
Subscribers
6.38K
Photos
125
Videos
503
Links
574

Showing posts older than #841 · Back to latest

Older Posts 20 shown
Post #840 1.58K
Після 19 днів експортного бану Anthropic знову ввімкнула Fable 5. Але є нюанс...

— Тепер із посиленими фільтрами: якщо класифікатор вважає запит підозрілим, вас тихенько перекинуть на слабшу модель, або скаже "Думай сам".

— До 7 липня Fable 5 можна юзати в підписці, але максимум на 50% тижневого ліміту. А токени він палить швидше за інші моделі.

— Після 7 липня - все, тільки за окремі usage credits. 20 баксиків/місяць вже не врятують. Яйця трішки закручують

Крч, найрозумніша публічна модель тепер існує в режимі "дивитись можна, трогати якщо мільйонер".

Дякуємо за джейлбрейк, який це все наробив 🙃


😍 Product Design * Motion in App | Підписатися
  • 😢 8
  • ❤ 4
  • 😁 1
  • 👻 1
Post #839 1.47K
Поки в Figma Motion не завезли нативний експорт у Lottie, у плагіні Lottie з'явився експорт із Figma Motion.

Працює, можна використовувати

😍 Product Design * Motion in App | Підписатися
  • 👍 10
  • ❤ 6
  • 🔥 2
  • 🤣 2
Post #837 3.24K
Протестував Motion у 🖌 Figma на реальних задачах. Враження поки дуже позитивні, і це точно не 💩

Штучка Інтелект досить впевнено збирає базові анімації за текстовим описом. Для багатьох сценаріїв цього вже достатньо, щоб швидко перевірити ідею без ручного налаштування десятків параметрів.

Якщо ж потрібно анімувати вручну, інструмент побудований на знайомих принципах motion-дизайну. Тому тим, хто працював з After Effects, Premiere або DaVinci, розбиратися буде нескладно.

Шейдери то теж розрив. Їхні параметри можна анімувати та комбінувати з іншими ефектами, що відкриває багато цікавих можливостей для сучасних інтерфейсів.

Але найбільша перевага навіть не в AI.

Раніше для демонстрації складної взаємодії доводилося переходити між Figma, ProtoPie, After Effects, Rive та іншими інструментами. Це постійний експорт, імпорт, правки та повернення назад.

Тепер значну частину цього процесу можна виконати безпосередньо у Figma.

І саме цього, здається, давно не вистачало прототипуванню в екосистемі Figma — можливості показувати не лише статичний дизайн, а й складну інтерактивність та motion в одному середовищі.

На обкладинці поста анімація згенерована одним запитом «- кусок лайна, анімуй мені цей інтерфейс"

😍 Product Design * Motion in App | Підписатися
  • ❤ 23
  • 🔥 6
  • 😁 3
Post #836 2.14K
Термінологія анімації має більше значення, ніж думає більшість людей особливо в еру ШІ.

Під час роботи з ШІ фраза «кусок лайна, анімуй мені цей значок» часто залишає занадто багато місця для інтерпретації. Невеликі зміни у формулюванні можуть призвести до зовсім різних результатів.

Замість цього спробуйте використовувати конкретні терміни руху, такі як "Bounce", "Scaling", "Rotation", "Pulse", "Swing" або "Breathing Effect". Кожен із них описує окремий шаблон руху, який простіше зрозуміти як розробникам, так і інструментам ШІ.

Словник термінів з анімації: https://animations.dev/vocabulary

😍 Product Design * Motion in App | Підписатися
  • ❤ 19
  • 👍 5
  • 🥰 3
  • 😁 3
Post #834 1.25K
🔥 До $40 000 на запуск стартапу: хакатон для тих, хто проєктує майбутнє

11-12 липня Projector Institute разом із венчурним фондом Digital Future запускають Digital Future Hackathon – 48-годинний онлайн-інтенсив у Metaverse-просторі.

За 48 годин 20 відібраних команд створять із нуля працюючі AI-first продукти в трендових нішах: Utilities, Pet Tech, EdTech та Aging & Longevity.

Що на вас чекає:
🔹 Розробка реального бізнес-кейсу
🔹 Робота з інструментами швидкої збірки продуктів
🔹 Робота з менторами та лекції від експертів продуктової та AI-індустрії.
🔹 Відкритий інтерактивний стрім на YouTube

🏆 Призи для переможців:
- призовий фонд 40,000$ на розвиток продукту від фонду Digital Future;
- офер в екосистему Qollabe або менторство від Digital Future;
- безоплатне навчання та знижки на курси Projector.


📅 Дедлайн реєстрації: до 4 липня

👉 Встигни подати заявку за посиланням 👈

#AD
  • 👍 6
  • ❤ 5
  • 🔥 1
Post #833 1.29K
FIGMA MOTION IS HERE
FIGMA MOTION IS HERE
FIGMA MOTION IS HERE

Чекали? Цього разу figma справді не поскупилася на оновлення. Чудова сесія :)

Цікаво чи це відео було зроблене з FIGMA MOTION 🤔

😍 Product Design * Motion in App | Підписатися
  • 🔥 9
  • ❤ 5
  • 👍 4
Post #832 1.25K
Пишу специфікації для мобільної апки. І багато цікавих мікроанімацій знаходжу в одному застосунку…

Як ви гадаєте, чи є нормою давати у приклад Дуолінго, чи це вже моветон та гнидство?

Для моєї тематики той діамантик прямо дуже в тему хедшотить

😍 Product Design * Motion in App | Підписатися
  • ❤ 10
  • 👍 3
  • 😁 3
Post #830 1.22K
Claude Code Empty State Mascot Illustration Animation

Чи є тут хтось із золотими руками, хто може зібрати на базі Raspberry Pi (або дешевшого аналога) невеликий пристрій з екраном, який у реальному часі відображатиме Usage та надсилатиме сповіщення, коли потрібно дати дозвіл, відповісти на запитання чи завершити задачу? Щось дуже хочу

😍 Product Design * Motion in App | Підписатися
  • ❤ 9
  • 👍 4
  • 🐳 2
Post #829 1.49K
Збережено сотні туторіалів по ШІ, але все одно не знаєш як автоматизувати свою роботу? 🙂

Знайшов крутий канал, який щиро рекомендую.

Канал веде Марія, UI/UX дизайнерка (8 років у професії). Останні роки робила інтерфейси в партнерстві з IBM.

У каналі вона щодня ділиться тим, що тестує на практиці: Claude Code, зв'язки інструментів, створення своїх систем. Інформації реально багато і вся без води.

Що корисного всередині:

⭐ безкоштовний гайд для старту (моделі, токени, перші кроки)

⭐ чесний розбір claude design, 14 сторінок

⭐ аналітика клієнта до дзвінка, повна автоматизація процесса

⭐ все що потрібно знати про скіли

⭐ І великий гайд по дизайн-інженерії : від першого дзвінка клієнту до деплою

Досить просто сейвити інструкції в закладки. Час переходити на рівень вище та автоматизувати рутину ❤

⚡️ПІДПИСАТИСЯ НА КАНАЛ ⚡️
  • ❤ 8
  • 🔥 4
  • 👍 3
Post #828 1.64K
🕸 Google оновив свою систему дизайну та іконки, а в Lottie представили їхні анімовані версії

Виглядає ґарно 👍🏻 Тут можна зацінити: Лінк

😍 Product Design * Motion in App | Підписатися
  • 👍 11
  • ❤ 10
  • 🔥 5
  • 🥰 1
  • 😢 1
Post #826 1.69K
Презентація iOS 27, в якій зібрані всі оновлення, включаючи найважливіше – новий дизайн Siri

Не знаю, чи це було зроблено навмисно, але ролик виглядає як АІ слоп, особливо з цим озвученням, але він опублікований на офіційному каналі Apple 🤨

Взагалі не відчувається стиль Apple...

😍 Product Design * Motion in App | Підписатися
  • 😢 6
  • ❤ 4
  • 🤣 3
  • 🔥 2
Post #823 1.83K
Поки одні motion-дизайнери шукають наступного клієнта, інші вже вчаться працювати з AI та заходять у продуктове IT 🔝

🤝 SKELAR відкриває набір на AI Motion Bootcamp 🔥

📍 27 червня — Workshop Day

Воркшопи з AI-інструментів для motion, а також генерація voice/video, optimization tricks, automation workflows для motion-дизайну та інше.

📍 28 червня — Competition Day

Самостійне бриф-завдання: 3 формати рекламного креативу з монтажем, саунд-дизайном і трансішенами.

Формат: онлайн

Призовий фонд:
🥇 $1000
🥈 $500
🥉 $250

та 🤝 SKELAR merch для всіх учасників.

А ще — можливість пройти спрощений відбір у команди 🤝 SKELAR.

Деталі — на сайті

🎯 Bootcamp для тебе, якщо ти:
— motion-дизайнер із 1–2 роками досвіду
— хочеш перейти в продуктове IT
— цікавишся AI-інструментами для відео
— володієш англійською на рівні Intermediate+

Реєстрація триває до 8 червня👇

https://ai-motion-bootcamp.com/
  • 👍 4
  • ❤ 3
  • 🔥 2
Post #822 1.54K
Lottie lab тизерять щось повʼязане з Figma

Кажуть що:
Анімація у Figma стала ще простішою. ​​Приготуйтеся до нашого найбільшого оновлення. ✨


😍 Product Design * Motion in App | Підписатися
  • ❤ 15
  • 🔥 9
  • 💅 4
Post #818 2.34K
🖌 Figma інтегрувала свого AI-агента — тепер AI-агенти можуть працювати прямо всередині canvas. 🤯

Тобто не просто генерувати UI, а реально взаємодіяти з дизайн-системою, компонентами та логікою продукту. Схоже, ми дуже швидко рухаємось до моменту, де дизайнер буде більше режисером системи, ніж просто рухати квадратики.

Цікаво спостерігати, що буде далі!

www.figma.com/blog/the-figma-agent-is-here

😍 Product Design * Motion in App | Підписатися
  • 🔥 20
  • 👍 9
  • ❤ 5
Post #816 1.71K
🤝 Jatapp в пошуку Motion Designer, який вміє створювати креативи, що чіпляють з перших секунд.

Твої відео будуть жити не лише в Dribbble або Behance , а й в реальних рекламних кампаніях, де важливі увага, реакція та результат.

Це роль про швидкість, тестування і креатив, який працює.
Що ти будеш робити:
— збирати і анімувати сцени (композиція, рух, візуальний ритм)
— адаптувати креативи під різні платформи і формати
— працювати разом з маркетингом: тестувати ідеї, гіпотези, “гачки”
— шукати, як зробити швидше і ефективніше
— тестувати нові формати, підходи та AI-інструменти

Що важливо:
— впевнене володіння After Effects
— розуміння бази motion: таймінг, композиція, ритм
— досвід з рекламними / performance креативами (або сильне бажання в це зайти)
— розуміння, що таке хук, утримання уваги і конверсія
— самостійність та швидкість у роботі
— досвід з AI tools для відео/зображень

Якщо відгукується — надсилай портфоліо напряму або ж відгукуйся за посиланням

Link: https://jatapp.com/careers/strong-junior-motion-designer

Формат співпраці: #FullTime #Remote

Контакт для відгуку: @yul1ia_g
  • ❤ 6
  • 👍 3
  • 🔥 3
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →