YRMN • Product | UX/UI | AI

Беру невелику паузу на пару днів. Скоро повернусь із порцією постів про Product Design та добіркою наших улюблених ресурсів і фішечек по дизайну (куди ж без них?😁)

📸 Thiings — естетичні об'єкти для твоїх проектів Якщо шукаєш якісні та професійні зображення предметів для своїх макетів — цей ресурс точно знадобиться. У чому профіт: 🥷🏻 🟢Якість: Це не просто фото, а стильні та мінімалістичні об'єкти, які виглядають дуже дорого. 🟢Універсальність: Ідеально підійдуть для лендінгів, презентацій кейсів або як акценти в мобільних додатках. 🟢Стиль: Все підібрано зі смаком — від гаджетів до дрібних аксесуарів. Виглядає максимально професійно, тож сміливо можна юзати у своїх проектах, щоб додати їм візуальної естетики. 🔗 Забирайте в закладки: thiings.co/things фрі то юз як то кажуть😁 #інструменти

Всім доброго ранку!☕️ Сподіваюсь, про дейлікі ніхто не забув? 🤷‍♂️😁 Маю плани на цей тиждень: хочу трохи глибше копнути саме в продуктову частину і підібрати для вас щось корисне з цієї теми. Плюс, десь на фоні вже «зріє» ідея для нової статті. Як ваш ранок почався?)😎

✨ Design Spells - бібліотека деталей, які створюють «магію» в продукті Часто саме мікровзаємодії та дрібні анімації відрізняють хороший продукт від того, в який закохуєшся. Цей ресурс збирає саме такі рішення. Що тут цікавого:⤵️ 🟢 Micro-interactions: Круті приклади того, як оживити звичайні кнопки, лоадери чи переходи. 🟢 Easter eggs: Приховані фішки відомих сервісів (iOS, Spotify, Discord, Vercel), які створюють емоційний зв'язок з користувачем. 🟢 Реалізація: Це виключно живі приклади з працюючих продуктів, які вже доступні користувачам у продакшені. Маст-хев для мудбордів, коли хочеться додати продукту «душі» та підвищити рівень Delight. 🔗 Дослідити: Designspells #інструменти #AI

👨‍💻 Contra - реальна альтернатива Dribbble чи щось більше? Останнім часом часто бачу цей ресурс у добірках. Це щось середнє між портфоліо та фріланс-платформою, де все заточено під незалежних спеціалістів. 🤷‍♂️Що про нього відомо зараз: 🟢Це не просто картинки. На відміну від Dribbble, тут фокус на кейсах та реальних контрактах. 🟢0% комісії. Вони позиціонують себе як фріланс-платформа, що не забирає відсоток з твоїх оферів (заробляють на підписці). 🟢 Адекватні замовлення. Чув багато схвальних відгуків, що там можна знайти прямі виходи на круті закордонні стартапи. 🟢 Clean UI. Портфоліо на Contra виглядають дуже мінімалістично та професійно. Хочу трохи потестити цей сервіс і розібратися, як він влаштований. Цікаво глянути, чи реально там знайти класний проект або навіть вийти на пряму співпрацю із закордонними продуктами без зайвих складнощів. Хтось уже пробував там реєструватися? Як вам досвід?⤵️ #інструменти #карʼєра #cпілкування

Перший місяць - перший чекпоінт. Нас уже 100! 🥷🎉 Рівно місяць тому я вирішив ділитися тут своїм досвідом, інструментами та реаліями дизайну. 100+ підписників за такий час - цифра, можливо, не космічна, але для мене дуже цінна. Найбільше драйвить те, що тут зібралися саме однодумці. Приємно знати, що мої пости комусь реально допомагають чи спрощують робочу рутину. Дякую кожному за підтримку та реакції. Працюємо далі, попереду ще багато цікавого! 🖤 #спілкування

🛠 Extensions, які економлять мені години роботи Зібрав список розширень, якими користуюсь сам. Вони допомагають швидко закривати базу, робити ресерч і не витрачати час на зайву рутину. 🔥 Мій особистий рекомендасьон 🟢Muzli - Натхнення щоразу, коли відкриваєш нову вкладку. Найзручніший спосіб бути в курсі трендів 🟢Fonts Ninja - Моментально ідентифікує шрифти на будь-якому сайті. Можна одразу глянути розміри та міжрядкову відстань. 🟢GoFullPage - Найкращий спосіб зробити чистий скріншот усієї сторінки в один клік. 🟢CSS Peeper - Інспектор коду для дизайнерів. Дозволяє витягнути кольори, активи та стилі елементів без копання в DevTools 🟢AdBlocker - Прибирає візуальний шум і рекламу 🟢Dimensions - міряє відстані між елементами прямо в браузері. Просто навів курсор - і бачиш всі відступи 🟢Wappalyzer - показує «під капотом» сайту: на чому зібраний, які CMS чи бібліотеки використовуються. 🟢Image Downloader - коли треба витягнути всі картинки з вкладки одним махом. Дуже прискорює збір мудбордів. 🟢Html to design - магія, яка конвертує будь-який сайт у редаговані шари. Ідеально для швидкого редизайну чи аналізу структури (Копіювання сайта прямо у Фігму) #інструменти #спілкування

😱 Де брати адекватні рефи без візуального шуму? Якщо потрібні рефи не тільки живих продуктів, а й просто якісних концептів, які реально втілити в життя - цей сайт закриває питання на 💯 🤷‍♂️ Які потреби сайт закриває? 🟢Адекватний мікс: Тут поєднуються реальні застосунки та якісні концепти, які не виглядають як космічні кораблі, а мають право на життя 🟢 Всеплатформність: В одній базі зібрані Web, iOS, Android та навіть анімації взаємодій. Не треба бігати по різних сайтах 🟢Чистий UI: Висока якість скринів, щоб спокійно роздивитися кожен шрифт, відступ чи мікровзаємодію. 🔗 Дослідити: viewport-ui.design #інструменти

Йоу! Контент із невеликим запізненням, але максимально корисний. ✌️ Ловіть два Figma-файли з дуже стильними UI-кнопками для ваших проєктів. Посилання на Community: 🔗 https://www.figma.com/community/file/1461377267716783395 🔗 https://www.figma.com/community/file/1353728572423256489 #інструменти

Да, я Сашко. Питання? Єдине, що об’єднує мене і цей мем - то тільки ім’я 😁 Всім гарного тижня 🤝☕️ Починаю пошук матеріалів і чогось із продуктового дизайну ✨ Всіх запрошую в чат, будемо спілкуватись ✨🤗 https://t.me/prod_ninja_chat

🔍 Місяць пошуку роботи. Honest review. Загалом — не «цукор», але й не катастрофа. Топ моїх тригерів:🫣 ◾️Автоматизація замість спілкування. Ігнор або сухий автошаблон у відповідь на відгук — це вже база. ◾️Зникнення без пояснень. Коли самі пишуть з пропозицією і самі ж зникають після твоєї відповіді. ◾️Вакансії-дублі. Коли кажуть «вакансію закрили», а за тиждень вона знову в топі. Виглядає як дивний внутрішній перекопірайт. ◾️Тиша після інтерв'ю. Навіть якщо ти нагадуєш про себе, фідбек доводиться буквально вибивати. Але є і круті моменти 🤝 ▫️ Впевненість на созвонах тепер х10. Вже нічого не лякає і не дивує. ▫️ Були метчі на 100%, єдине що зупиняло перед фінальним оффером Fluent English.. ▫️ Конкуренція жорстка, але досвід і хард-скіли все одно вирішують ▫️ Були кейси з дуже крутим фідбеком по тестовим, що додає мотивації. Висновок: Ринок зараз складний, а процеси часто «буксують», але це лише етап. Головне - не втрачати фокус і бачити за шаблонами реальні можливості #спілкування #карʼєра

Вбудована векторизація у Figma 🪄 Нарешті з’явився офіційний інструмент для перетворення растру у вектор. Тепер будь-яке лого чи іконку можна перетворити на криві одним кліком прямо в макеті. Головне: — Працює у Figma Design та Figma Draw. — Доступно поки що тільки на платних тарифах (Pro і вище). Більше не треба сторонніх сервісів чи Ілюстратора, щоб швидко «перемалювати» картинку в нормальну якість. Хто вже спробував? Добре справляється зі складними формами? 👇 #оновлення #інструменти

🖤 Де шукати натхнення для темних інтерфейсів? Якщо потрібно швидко знайти референси саме для Dark Mode, цей сайт закриває питання на 100%. 🔥Чому додав у закладки: ◾️ Фокус на Dark Mode: сотні якісних прикладів, розбитих за категоріями. ◾️ Вкладка Software: окрема база корисних інструментів для роботи та дизайну. ◾️ Регулярні оновлення: контент та категорії додаються постійно. ◾️ Гнучкість: більшість сайтів можна переглянути безкоштовно. 💎Ціна питання: Повний доступ - $19 на рік. Цілком гарний прайс за такий інструмент, але й FREE-версії цілком вистачає для щоденних задач. 🔗 Дослідити: dark.design #інструменти

⚡️Як упакувати Ваш дизайн за 2 хвилини? Затестив цікавий сервіс і це тепер мій фаворит для швидкої упаковки дизайну. UX/UI та продукт-дизайнерам точно зайде. Що там крутого: ▫️ Будь-які девайси: від останніх iPhone до браузерних вікон та годинників. ▫️ Готові пресети: є розміри під Dribbble, Behance та презентації. ▫️ Композиції: можна ставити кілька пристроїв у кадр та додавати анімацію. (платно) ▫️ Якісний експорт: висока роздільна здатність безкоштовно. 🔗 Дослідити: shots.so Для швидких кейсів - мастхев. Юзали вже таке?⤵️ #інструменти

Всім доброго і холодного раночку 🌞🥶☕️ Вриваємось. Жартую. Звичайний тиждень, як завжди, але хочу побажати всім натхнення на цьому тижні, побільше гарних моментів як у житті, так і на роботі, ну і підвищення (а хто шукає - знайти класний офер). Я вже починаю шукати для вас цікаві статті, різні приколдеси для дизайну тощо.👨‍💻🖌 Все буде чікі-бомбоні. Ще місяць - а там весна ☀️ #меми #спілкування

🛠 Чим користуюсь останнім часом: Підбірка плагінів. Підбірка 001 (як агент 007) 1. Material Symbols — база іконок від Google з налаштуванням стилів. 2. Pretty Shadows — швидке створення м'яких і реалістичних тіней. 3. Font Replacer — масова заміна одного шрифту на інший у файлі. 4. Insert Big Image — імпорт великих зображень без втрати якості. 5. Notely — стікери для швидких заміток прямо в макетах. 6. Local Variables Starter — швидка генерація структури локальних змінних. 7. Styles & Variables Organizer — зручний менеджмент і групування стилів. 8. Mobbin — бібліотека кращих мобільних UX-патернів. 9. Refero — величезна база реальних веб/app-референсів. 10. Contrast — швидка перевірка контрастності за WCAG. А що у вас в топі зараз? Давайте обміняємось корисними плагінами в коментарях 👇 #плагіни #іконки #інструменти

Claude тепер малює у FigJam 🎨 Більше не треба вручну розставляти стікери та стрілочки. З новим розширенням Figma для Claude процес перетворюється на магію: 💠 З тексту в схему: Описуєш ідею текстом - отримуєш готову діаграму. 💠 З PDF/Зображення: Закидаєш скріншот чи ТЗ у форматі документа — Claude сам структурує це у FigJam. 💠 Для кого: Дизайнери, PM-и та розробники, які цінують свій час. #оновлення #інструменти #ai

NoCode Supply - топова скарбничка для дизайнерів та розробників 💎 Якщо шукаєте референси, шаблони або інструменти для швидкого запуску проектів - цей ресурс має бути в закладках. Що всередині: 💠 Величезна бібліотека компонентів та UI-кітів. 💠 Добірки найкращих No-code інструментів. 💠 Шаблони для Framer, Webflow та Notion. 🔗 Дослідити: nocodesupply.co Маст-хев, щоб ваші ідеї виглядали професійно ще на етапі першого драфту. 🎨 #інструменти #плагіни #ai

Загалом, якщо описати мій поточний етап пошуку роботи, це можна зробити однією картинкою Це маст-хев інструмент, коли ви вже майже підписали оффер або тільки приглядаєтесь до компанії. Там можна глянути:⤵️ • Реальні відгуки співробітників (без цензури). • Приблизні «вилки» зарплат по позиціях. • Як проходять інтерв'ю саме в цій компанії. Замислився, чому в нас досі немає настільки ж потужного аналога на українському ринку 🤨 (є звісно DOU але формат трохи інший) 🔗 Переглянути: Glassdoor #інструменти #карʼєра #досвід

Figma - Апдейти 😱 Тепер ви можете вбудовувати живі посилання прямо в макети. Це не просто картинка, а робоче вікно, яке можна клацати не виходячи з Figma. Що тепер під рукою: • Живі прототипи та FigJam файли. Детальніше про оновлення: ➡️ Читати тут #оновлення #інструменти