Product Design * Motion in App
Открыть в Telegram
Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів. 👉 Умови, ціни та формати співпраці: http://bit.ly/4pjLByL Реклама та співпраця: @ivanpokazka
Больше6 369
Подписчики
-224 часа
-57 дней
-130 день
Архив постов
Прикольний сайт CV дизайнера з 🇬🇧 Великої Британії
Автор: Mike Barton
Лінк: https://www.mikes.cv/
😍 Product Design * Motion in App | Підписатися
У Figma оновили роботу з векторами, з'явився повноцінний ластик, і покращили Paint Bucket (інструмент заливки).
Тепер можна стирати окремі ділянки векторних контурів прямо на полотні, а заливку або градієнт — протягувати одразу через кілька областей, щоб швидко їх перефарбувати.
Ластик працює в режимах Vector Edit та Draw, гаряча клавіша: Shift + E.
😍 Product Design * Motion in App | Підписатися
Repost from Дизайн без фігні
Якщо давно хотіли знайти якісь курси де розповідали б про те як користуватись Claude Code - то ловіть мій авторський інфоциганський курс то ловіть посилання на офіційну Claude Академію де зібрані всі корисні матеріали про те як користуватись АІшкою
А ще, "супер нова та game changer фіча" - можна напряму спитати в чаті питання яке тебе турбує і клод (маючи базу знань зі всієї академії) - детально відповість
В соц мережах вже почався тиждень повідомлень "курси більше не потрібні"
Знайшов сайт корейського бренду саун «Саса са са» —
таке оригінальне й класне рішення!
Обережно! Малюючи квіточки можна трішки залипнути: https://sasasa.com
😍 Product Design * Motion in App | Підписатися
🚕 UBER знайшли спосіб, як освоїти бюджет до кінця фінансового року, і зробили оновлену систему іконок для бренду...
Мені подобається, наскільки цей набір нових іконок відповідає стилю бренду 👍🏻
😍 Product Design * Motion in App | Підписатися
Перестань зберігати скіли і промпти, щоб колись застосувати їх у роботі. Це колись не настане саме собою!
AI агент стає твоїм найкращим другом і робота робиться в 2-3 рази швидше. Не на рівні згенеруй мені макет, а на рівні пайплайну: рісерч, JTBD, IA, вайрфрейми, дизайн система, експорт у Figma.
Live уроки двох курсв по півтори години, раз на тиждень. Багато практики в реальному часі, питання можна задавати відразу, а не чекати відповіді в коментарях через три дні.
👨💻 Design Engineering Beginners
29 серпня, субота, 11:00. 6 уроків.
Ставимо клод код з нуля і проходимо повний цикл від ресерчу до макета у Figma.
Програма курсу
🧑💻 Design Engineering Pro Max
28 серпня, п'ятниця, 19:00. 12 уроків.
Вчися будувати свій мультиагентний пайплайн, від ресерчу до готового дизайну в коді.
Програма курсу
Для бронювання писати: https://t.me/denys_osadchyi
#AD
Бібліотека анімованих компонентів для роботи нейронних мереж. Або ж просто красиві завантажувачі
6 типів, оптимізовано для великих і малих розмірів, світлий і темний режими, середовище для тестування та відсутність залежностей.
Є React, SwiftUI, React Native та налаштування швидкості
http://orbs.jakubantalik.com
😍 Product Design * Motion in App | Підписатися
Коли обираєш ноутбук, дуже легко потрапити в пастку характеристик
Бачиш у оголошенні:
💻 Intel Core i7
⚡️ 16 GB RAM
🚀 SSD
Здається — має літати.
А потім відкриваєш браузер і ноутбук вже «думає».
— Підвисає.
— Шумить.
— Гріється.
Працює зовсім не так, як очікував.
Бо напис «Core i7» сам по собі майже нічого не гарантує.
Саме тому мені подобається підхід, коли техніку не просто продають, а пояснюють, що саме ти купуєш і чому цей ноутбук вартий своїх грошей.
У 🤝 TEKHOUSE якраз розбирають такі нюанси простою мовою та публікують перевірені б/в ноутбуки.
Якщо зараз шукаєте ноутбук або просто хочете краще розбиратися в техніці — можна зазирнути 👇
👉 https://t.me/+kHE9PJmBzrg2MDFi
#AD
Repost from Щось дизайнер написав...
Не можу звикнути до папок у 🖌 Figma.
Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!
0 прев'юшок на першому рівні. Спасіба дура...
😍 Щось дизайнер написав
Наконец-то я дождався, скільки ждав, ждав, але все-таки є 🚀 Нарешті це сталося.
Figma додала вкладені папки (Nested Folders). Те, чого дизайн-спільнота просила роками, тепер офіційно доступно.
Тепер можна будувати нормальну ієрархію проєктів, а не вигадувати десятки префіксів у назвах файлів. До 10 рівнів вкладеності — дрібниця на перший погляд, але для великих команд це суттєво спрощує навігацію та організацію роботи.
Іноді саме такі «маленькі» оновлення економлять більше часу, ніж гучні AI-анонси. 👏
😍 Product Design * Motion in App | Підписатися
😍 Motion in App та 👍 IT Бро - Junior Шукає Junior-редактора в канали та LinkedIn
Шукаю людину, яка буде вести контент для мережі каналів, UX/UI, Product Design, AI та вакансії в індустрії.
Що робити:
— 1 пост на день "Підбірка кращих вакансій в IT для Junior фахівців" Пошук на декількох майданчиках, формування поста за шаблоном для 👍 IT Бро - Junior
— 3 пости на тиждень для 😍 Motion in App
— 3 пости на тиждень для 🛠 LinkedIn
— Слідкувати за індустрією: релізами інструментів, кейси студій, тренди, вакансії. Пропонувати теми самостійно.
Теми: Motion Design — UX/UI Design — Product Design — AI та LLM — Вакансії й ринок праці в IT — експертні розбори.
Що важливо:
Ти реально в темі. Знаєш, хто такі Rive і Lottie, стежиш за оновленнями Figma, розумієш, чим Claude відрізняється від GPT і навіщо дизайнеру MCP.
Пишеш українською живо і без води. Розумієш, що потрібно аудиторії.
Про AI: використовувати можна і треба — це економить час!!! Але текст, який видно, що згенерований і не відредагований, краще не публікувати. Мій процес складається з диктовки поста голосовим, орфографічне виправлення та форматування. Цього достатньо і гарно працює.
Також можна планувати пости наперед. Але за новинами потрібно слідкувати, навіть якщо на тиждень пости заплановані. З 👍 IT Бро - Junior планувати не вийде, потрібно слідкувати за новими вакансіями кожен день.
Умови:
Віддалено, вільний графік, дедлайн — пост має вийти в слот
Завантаження ~1-2 год/день
Оплата: Пропонуйте вашу ставку + бонус за приріст охоплень
Старт з тестового періоду 2 тижні
Тестове:
Напиши по одному посту для кожного майданчику. Вивчити попередні пости, голос, та написати свій контент. (результат 3 пости)
Буде плюсом:
— Ти Junior UX/UI чи Product Designer з досвідом в Анімації який хоче писати контент та висловлювати свої думки
— Маєш досвід у веденні телеграм каналів
— Маєш досвід у написанні вірального контенту
Куди писати: @ninja_managers
👍 IT Бро - IT вакансії | Підписатися
😍 Product Design * Motion in App | Підписатися
Repost from UX/UI by SHAIN
🥰 Анімація спалювання негативних історій у «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 | Підписатися
