YRMN • Product | UX/UI | AI

Шрифтова реабілітація: як злізти з Montserrat? (да, я хейтер цього шрифту - не засуджуйте😁) Давайте чесно: ми всі через це проходили. Був період, коли Montserrat пхали всюди - від лендінгів кав'ярень до складних фінтех-інтерфейсів. Але якщо ви відчуваєте, що ваші макети стають занадто «стерильними», час спробувати щось свіже. Для AI, SaaS та Crypto проєктів зараз є значно стильніший дует, який додає того самого «дивлячись який fabrics» вайбу.😁 Що в наборі:😮‍💨 • Geist - нова база від Vercel. Максимально інженерний та чистий. ➡️ Забрати тут. • Redaction - брутальний італік для акцентів, ніби макет трохи «поплавило» ➡️ Шукайте внизу сайту ⚖️ Важливе питання -

А юристи не прийдуть?

✔️Не прийдуть. Обидва шрифти мають ліцензію SIL Open Font License, тож можна сміливо юзати в комерції та спати спокійно. Це ідеальний спосіб додати дизайну характеру Дизайнерські сповіді в коментарях 👇🫣 #користь #натхнення #база

Вчорашній і сьогоднішній день відчувається якось так Всім доброго раночку ☕

Ой-йо-йо-йо-йо, що я відкопав! 🙏 Мій особистий рекомендасьон для продуктів та UX/UI дизайнерів, який реально рятує і рятував в свій час мені нерви.🤷‍♂️ Щоб не малювати мокапи з нульовою натхненністю, тримайте чит-код. (HESOYAM) 😎 scrnshts.club - це база найкращих прикладів того, як топові апки пакують свій дизайн у стори. Чому це мастхев: ⤵️ ✔️ Дивимось, як задизайнити прев’ю, щоб на них хотілося клікнути. ✔️ Рятує від творчого ступору за 2 хвилини. #натхнення #користь

UX-рев’ю: як зрозуміти, що твій продукт «хворіє», поки юзери не почали видаляти застосунок 😵 Буває таке: малюєш круті екрани, все по сітці, кольори вогонь, а конверсія чомусь летить в прірву. Око замилюється настільки, що ти вже не бачиш, як юзер блукає у трьох кнопках і не може знайти вихід. Саме для таких моментів і придумали UX-рев’ю. Знайшов адекватний гайд від Telegraf.Design. Без води і складних слів розписали, як провести аудит самостійно і не збожеволіти. Що там корисного:🤝🤝 • Чотири методи аналізу (щоб не просто «я так бачу», а з аргументами). • Чек-лист для самоперевірки (береш і проходишся по флоу). • Пріоритезація за RICE - щоб не фіксити мікро-баги, поки горить основний функціонал. Коротше, якщо ви не хочете бути дизайнером, який просто «робить красиво», а хочете реально лікувати продукт - must read. ➡️ Гайд тут #база #користь

Додаємо «вау-ефект» вашим макетам 🪄 Всі ми знаємо, як сильно анімація змінює сприйняття дизайну. Але не завжди є час на After Effects. Саме для таких випадків з'явився Magic Animator. 😎 Це ШІ-помічник, який «розуміє» ваші макети у Figma і допомагає швидко створити якісну анімацію. Це ідеально для оформлення портфоліо на Behance або демонстрації флоу клієнту. 📞 Які плюшки є? • Анімація в пару кліків. • Перетворює Figma-макети на повноцінну анімацію в один клік. • Експорт у JSON (Lottie), MP4 та GIF. • Обіцяють скоро додати підтримку Canva та Adobe Express. Ідеальний інструмент, щоб додати динаміки в кейси, не витрачаючи на це цілий робочий день. Як вам такий формат? Ставте 🔥, якщо було корисно! #інструменти #кейси

Всім доброго раночку!☕️ ❄️ Починаємо тиждень з мемів. Бажаю кожному на цьому тижні: • Знайти офер у компанію мрії ⚡️ • Гарних замовників (без правок «як у Оксани») • І просто кайфової роботи Гарного старту! 🚀

📱 Handheld Design: коли макету замало контексту У Figma все зазвичай виглядає ідеально, але в реальному житті ми користуємось телефоном на ходу або однією рукою. Handheld Design - це база скріншотів, яка нагадує про реальну ергономіку. 📞 Що там цікавого: • Живі патерни: Можна подивитись, як великі продукти (типу Uber чи Airbnb) розміщують кнопки та фільтри, щоб до них було легко дістати. • Готові рішення: Замість того, щоб качати 20 застосунків заради одного флоу реєстрації, можна просто знайти потрібний сценарій у добірці. • Надивленість: Це круте доповнення до Mobbin, коли хочеться подивитися на інтерфейс саме через призму мобільного користування. Для мене це зручний фільтр, щоб звірити свої макети з тим, як воно насправді працює в руках. 🤔 Маєте подібні ресурси в закладках чи Mobbin закриває всі питання? #інструменти #кейси #розбір

⌨️ Мій робочий «Starter Pack»: без чого Figma не відкривається Усі ми грішні: зберігаємо сотні посилань у закладки, а користуємось... ну, ви знаєте. Вирішив провести «general cleaning» і показати свій реальний набір. Тільки те, що допомагає мені працювати швидше і продуктивніше. (не плутаємо з успішним успіхом 😁) 😱 ШІ (щоб не робити нудну роботу) Figma AI (~$20 per month) - мій особистий секретар. Скидаю на нього перейменування шарів і переклади текстів. Кайфец одним словом. Figma Make - коли в голові пусто, а макет треба «на вчора». Пишеш промпт, отримуєш базу, допилюєш руками. 🤔 Де я думаю (Logic&Research) FigJam - мій «чистий аркуш». Поки тут не намалюю стрілочки й флоу, до дизайну не сідаю. Mobbin - легальний спосіб підглядати. Дивлюсь, як топи зробили каталоги чи профілі + там тепер є анімації!. A/B Test Design - щоб не гадати на кавовій гущі, дивлюсь, які рішення спрацювали в інших. 🍎 Щоб усе рухалось (Анімації) Щоб ми з розробниками були на одній хвилі й без довгих ТЗ🪄 Spotted in Prod - колекція живих прикладів з реальних апок. 60fps.design - найкращі переходи для мобільних застосунків. Є багато крутих анімаційних рішень. ($75 разова покупка і маєте доступ all time) 🤨 Конструктор Лего (UI та Іконки) Design Systems Surf - заглядаю «під капот» гігантам ринку. Корисно звірити свої рішення з тим, як це зроблено в Uber чи Spotify. Craftwork - коли треба візуального натхнення. Іконки: Те, що юзаю в 90% проектів - Phosphor, Dazzle UI, Sublima. 📕 Що читаю? (Deep Work) UX Pub - база знань для тих, хто любить «копнути глибше». Тут замість коротких постів - ґрунтовні переклади та розбори кейсів. KyivUX - твій фільтр інфошуму. Підписуєшся на дайджест і отримуєш вижимку головного за тиждень. Мастхев, щоб тримати руку на пульсі українського UX 📞 Серйозні речі Maze - Запускаєш перевірку і одразу бачиш теплову карту кліків. Допомагає зрозуміти, де юзерам зручно, а де вони губляться, ще до того, як апка/продукт піде в розробку. Layers - Вакансії для Product/UX/UI (Junior-Senior). Оновлюється рідко (востаннє у вересні), але раджу іноді моніторити - там трапляються дуже круті офери. 👇 Коліться в коментах: Який один сервіс ви відкрили для себе нещодавно і тепер всім радите? #інструменти #чеклісти #гайди

Знайшов ще одну “шпаргалочку” для UI/UX. UIWIKI - сайт, куди можна заскочити, коли треба швидко знайти приклади UI: кнопки, форми, таби, модалки, таблиці і тд. Зручно, бо не треба годину гортати рефи - відкрив, піддивився, зробив. #інструменти #натхнення

🔥 Трекер пошуку роботи в Excel Щоб не губитись у “куди я вже подавався” і не жити на емоціях - зробив собі просту Excel-табличку: заявки → статуси → причини → статистика. Що вона показує в пару кліків: • коли стартанув пошук (12.01) і скільки днів вже йде • скільки заявок / відповідей / інтерв’ю • response rate (і де мене просто гостять 🙃) • топ причин відмов (щоб розуміти, що саме фіксити) План: вести це до першого офера і потім закинути короткі висновки. В коментарях дропну шаблон таблиці - з тебе буде достатньо лайка, якщо забрав 📞

Поділіться, як зараз у вас з пошуком роботи ⬇️

#інструменти #гайд

Я ще не сплю, тому закину вам ще один корисний icon pack, який точно знадобиться у проєктах 🫡 Phosphor Icons — велика бібліотека іконок для інтерфейсів з різними стилями/вагами (outline, fill, duotone тощо), тому легко підганяється під дизайн-систему. ➕Із явних плюсів • багато іконок і стабільна консистентність стилю • кілька стилів • є SVG і готові пакети для інтеграції • добре читаються в маленьких розмірах (nav/tab/bar) Ліцензія MIT - можна використовувати навіть у комерційних проєктах 👌 #іконки #інструменти

НЕ реклама - просто реально корисна штука 🤔 DSGN Academy - платформа з уроками для дизайнерів: Framer, Figma, Webflow (і ще купа всього по дорозі). Я б у свій час, коли починав робити портфоліо/сайт, точно зекономив собі купу нервів, якби спочатку нормально подивився уроки, а не йшов шляхом: “та я сам”, “та я з GPT”, “та я не шукаю легких шляхів” (не рекомендую, чесно 😂). І ще кайф: усі відео автоматично перекладені на українську, тому дивишся спокійно й без напрягу. Взагалі кайф, що якісного українського продукту стає дедалі більше 🇺🇦 #інструменти

Давайте трошки познайомимось 🤔 Над чим зараз працюєте? Яку посаду обіймаєте (або яку шукаєте)? ⤵️ Сьогодні ще закину 1–2 пости, тож буде що почитати #спілкування

Сьогоднішня підбірка трохи не про продуктовий дизайн, але в такий важкий понеділок нам точно не завадить трохи натхнення 🙂 Тут зібрав кілька сайтів, де можна піддивитись круті приклади, подачу, структуру та віжуал - інколи достатньо 10 хвилин, щоб зловити ідею для свого проєкту. • maxibestof.one - збірка корисних сайтів/рішень, можна зависнути й знайти багато цікавого • lapa.ninja - лендоси й подача продукту: структура, заголовки, CTA, композиція є багато категорій, можно сортувати під свій смак • Layers - багато віжуалу й стилю, прям для “освіжити очі” • Saasframe - SaaS-референси: блоки, секції, подача, структура сторінок Дивіться, зберігайте, надихайтесь. Якщо маєте свої топ-підбірки - кидайте, теж заціню ⤵️ #натхнення

Хто любить збирати UI швидко - ось вам сайт 😎 Figcomponents — це безкоштовна бібліотека UI-компонентів, де можна просто взяти компонент і скопіювати/вставити в Figma (без “шукати UI kit, відкривати, копіювати звідти і т.д.”). 😏 Чим тобі буде корисно? • коли треба “на вчора” накидати макет • коли лінь малювати кнопки/форми/таблиці з нуля • коли хочеш глянути, як інші збирають компоненти #інструменти

Нова тулза для ваших сайтів або постерів - тут уже самі крутіть і пробуйте ⌨️ Лінка на сайт: Efecto Про що сайт? Сайтецький, де можна накрутити купу ефектів (їх реально багатенько) я особисто заліпав на цьому сайті щоб накинути +100500 ефектів на дизайн, а потім забрати результат:😱 - Доступний експорт JPG/PNG, - Кодом у свій сайт. Круто? Круто 🤨 Підійде для тих, хто: • хоче швидко накинути вайбік для концепту або презентації • просто хоче покляцати інтерфейс, як ми, дизайнери, любимо😎 Рубрика #інструменти

Шрифти шукали? 📞 fonts.gallery - це кураторська галерея типографіки: шрифти + приклади, як вони виглядають у реальному дизайні (а не просто “назва і алфавіт”). Коли зайде: • треба швидко підібрати настрій/стиль під проєкт • хочеш піддивитись цікаві поєднання і подачу • шукаєш “щось свіже”, а не одні й ті самі шрифти #натхнення

Mobbin завезли корисний апдейт на сайт 🔥 Я якраз збирав референси під кейс і зловив класичний біль: зберігати скріни з апки по одному — це мінус час і нерви 😮‍💨 І тут помітив нову штуку на Mobbin: “Download all screens” — тепер можна скачати всі екрани з апки в один клік ✅ Чим це реально рятує: швидко зібрати референси на флоу закинути все в Figma/Notion/папку під аналіз і не перетворювати ресерч на ручну рутину Я буду юзати постійно, особливо коли треба швидко розкласти конкурентів по флоу. #оновлення #інструменти

Щоб не гортати стрічку вічно, я ввів теги 🏷 У кожному пості буде 1-3 тега, який показує, який це формат. Ресурси та софт: 📂 #плагіни — фішки для Figma #іконки — добірки для проектів #інструменти — сервіси та сайти (типу Mobbin) #AI - топові інструменти для пришвидшення роботи Знання та новини💡 #оновлення — що нового у Figma, Framer та у світі дизайну #лонгрід — цікаві статті та переклади (розбір ux, патерни, тощо) Контент та лайфстайл:⚡️ #меми — життєвий дизайнерський гумор #audio_video - подкасти та цікаві ролики про дизайн #карʼєра - про пошук роботи, портфоліо та LinkedIn #спілкування — наш щотижневий чат #support — день взаємної підтримки: ділимось своїми кейсами та допомагаємо один одному з охопленням (лайки/коментарі). Як користуватись: Тисни на тег у пості або вбивай його в пошуку каналу (наприклад, #плагіни або #support), щоб зібрати всі пости по темі. ✔️