Marina Minchukova | UI/UX

В застосунку UltrahumanHQ дуже гарно оновили лоадінг анімацію

🎨 Realtime Colors — найкращий спосіб підібрати кольори та шрифти для сайту Втомилися обирати палітру «на око» і потім переробляти весь дизайн? Є крутий безкоштовний інструмент: 👉 Realtime Colors Що вміє: • Показує ваші кольори одразу на реальному сайті (не просто квадратики) • Можна змінювати фон, текст, primary, secondary і accent • Є перевірка контрасту (WCAG) • Підтримка Google Fonts і локальних шрифтів • Експорт у CSS, Tailwind, SCSS, PNG, QR-код і навіть zip Усе працює в реальному часі — крутите кольори і одразу бачите, як виглядатиме сайт. 100% безкоштовно, без реєстрації. Дуже зручно і дизайнерам, і розробникам, і тим, хто просто хоче красиву палітру. Зберігайте і користуйтеся 🙌

🧠 Зараз проходжу майстер-клас «Design for Monetization» від Анни Ліщинської (Design & UX Lead в Uklon, ex-LOKO, ex-lalafo) — і вже хочу поділитися враженнями. Дуже щільний матеріал без води: юніт-економіка, воронка, моделі монетизації, чому не можна дизайнити «на середнього», ціноутворення й апсел, стейкхолдер-менеджмент. Якщо хочеш розширювати експертизу горизонтально — це саме той формат. Когорта маленька, відбір через інтерв’ю, тому фідбек дуже персональний. 👇🏻 Посилання 👇🏻 https://spochatkuux.com/monetization

Цікавий з точки зору інтерекшену та лейауту концепт плейлистів

Класний концепт та анімації в date picker

OKURI: коли старий календар на стіні стає застосунком Наткнулась у Threads на тред (152K переглядів, 5.3K лайків), який не можу не розібрати. Дизайнер seek_____null взяв відривний китайсько-японський місячний календар той блокнот, де кожен день окремим листком: ієрогліфи, знак зодіаку, фаза місяця, «сприятливо/несприятливо для нових справ» - і переніс його в iOS-застосунок OKURI Що чіпляє: 1. Референс: не з Dribbble, а з реального фізичного об’єкта. Автор фотографує стос паперу зі стіни — і це стає moodboard’ом. 2. Композиція екрана майже 1:1 повторює паперовий листок: велика цифра дня, день тижня, фаза місяця, зодіак, «удача на сьогодні» внизу. Не стилізація «під азійське», а буквальний translation макета в UI — тому й відчувається автентично. 3. Назва: від японського кореня «передавати, дарувати». Календар як річ, що передається далі — від традиції до людини. 4. І головне — це вже реальний застосунок в App Store, а не концепт. Автор веде процес публічно: чернетки, анонси дропів, очікування Найсильніші продуктові ідеї часто лежать не в UI-трендах, а в культурних артефактах, які ми звикли не помічати

Знайшла крутий ресурс для дизайнерів, продакт-менеджерів і фаундерів — UXSnaps Безкоштовні розбори UI/UX реальних додатків (Notion, Netflix, Discord та інші). Без води — тільки те, що реально працює, і чому саме Кожного тижня нові розбори. Можна швидко прокачувати насмотренність і одразу застосовувати патерни у своїх продуктах 👉 uxsnaps.com Зберігайте, якщо теж втомилися від сухої теорії 🔥

🔥 Класна знахідка для всіх, хто працює з Claude / Claude Code Якщо ви робите інтерфейси і хочете, щоб Claude реально допомагав робити їх кращими (а не просто «зроби красиво») — загляньте на сайт Jakub Krehel: 👉 jakub.kr Там купа корисного)

✨ Нова стаття на DOU! Написала про те, як адаптувала практику ADR з розробки — для дизайнерів Макет показує рішення, але не пояснює чому. Через місяць контекст уже губиться. У статті — як фіксувати рішення прямо в Figma, що документувати і чим це допомагає команді 👉 Читати: https://dou.ua/forums/topic/61041/ Сподіваюся, буде корисно 🙌

Побачила корисний гайд і хочу порекомендувати - "GitHub для дизайнера", повний, від "шо таке git" до першого pull request Найбільше сподобалась ідея: не просто список команд, а зрозуміла ментальна модель, чому дизайнеру взагалі це треба, особливо якщо ви збираєте сайти в Claude Code - він робить коміти за вас, а розуміти, шо саме він робить, набагато спокійніше, ніж просто довіряти Шо всередині: → три зони git (working directory → staging → repository), які треба зрозуміти один раз - і далі все стає на місця → таблиця з 10 команд, які реально треба знати дизайнеру, з поясненням коли яка знадобиться → повний GitHub flow: гілка → коміт → пуш → pull request → merge → GitHub Pages — безкоштовний хостинг для портфоліо, пет-проєктів і лендінгів (репозиторій може бути приватним, а сайт публічним) → чекліст "від нуля до першого PR за один вечір" (9 кроків) і шпаргалка на одну сторінку І в кожному розділі окремо - "нащо це дизайнеру", з конкретною прив'язкою до роботи з Claude Code. Гайд зібраний на основі офіційного роадмапу GitHub for Beginners від самого GitHub, з лінками на оригінальні статті наприкінці - можна копати глибше по кожній темі Раджу зазирнути, якщо працюєте з розробниками або хочете нарешті розібратись у git: https://t.me/dontprompt/356

Зачепив око цей ефект wrapping edge

Трошки для натхнення по візуалізації даних

Reicon - це бібліотека іконок, від якої реально кайф 😌 Один і той самий сет іконок працює і в Figma, і в коді. Ніякого більше «в дизайні так, а в проді інакше» - повна синхронізація Всі іконки намальовані на однаковій сітці, з одним ритмом і стилем. А прев’ю живе: міняєш колір, розмір чи товщину - і відразу бачиш, як оновлюється весь набір Якщо працюєш з дизайн-системою - дуже раджу кинути в закладки. 👉 reicon.dev

Знайшла круту статтю від Accessibility Design-команди GitHub 🔥 Головне: навіть якщо всі компоненти дизайн-системи (у них Primer) ідеально доступні, це не гарантує доступний інтерфейс. Можна зібрати екран з топових компонентів, але зламати структуру заголовків, забути фокус при зміні viewport чи залишити кнопку без нормального лейблу для скрінрідера Бо доступність компонента - це про нього самого, а доступність дизайну - про контекст і те, як ти їх використовуєш Круте рішення - Preset-аннотації в Figma: вся a11y-логіка вже зашита в компонент, дизайнеру треба тільки заповнити те, що змінюється (текст, рівень заголовка тощо). Не треба бути a11y-експертом Супер актуально для тих, хто працює з дизайн-системами. Рекомендую! 🔗 https://github.blog/engineering/user-experience/design-system-annotations-part-1-how-accessibility-gets-left-out-of-components/

🔥 Amico - преміум мікро-взаємодії для React Крута курована бібліотека якісних анімацій, hover-ефектів карток, кнопок та плавних переходів Встановлюється однією командою, open source, виглядає добре Спробувати: https://amicro.vercel.app

🔥 Корисна знахідка від Ihar Koshaleu! Нещодавно зі мною колега поширив пост Ihar Koshaleu він зібрав 11 років історії онбордингу Duolingo (2014–2025) на одному Miro-дошці Тут можна побачити: • як змінювався онбординг • які екрани залишились, а які зникли • коли з’явились підписки та paywall • як виглядав Duolingo до того, як став Duolingo Дуже цінний архів для всіх, хто займається продуктовим дизайном та онбордингом. Посилання 👇🏻 https://miro.com/app/board/uXjVJKha_ig=/?share_link_id=764334860569

🎉 Ура! Я завершила курс AI in Product Design! Не скажу, що курс був повністю новим для мене. Я десь впевнилась в своїх знаннях та почерпнула нові практики. Було приємно коли працювала над курсовим проектом в повній впевненості за допомогою щоденної практики 🔥

👀 Побачила сьогодні круту «жартівливу» ідею від дизайнерів настольних ігор - і тепер у повному захваті! Уявіть: відкрита система ідентифікації кольорів, яка по-справжньому дружить з дальтоніками. Замість того, щоб покладатися лише на колір, вони додали зрозумілі символи + використали теорію кольору Наприклад, символ зеленого - це мікс символів жовтого і синього. Виглядає стильно, працює геніально і ідеально підходить для дерев’яних жетонів у бордгеймах. Тепер кольорова інформація залишається доступною навіть без кольору Дуже крута штука для доступності в іграх і не тільки Посилання: • Основний сайт і демо: https://colorsym.com/# • Повне пояснення дизайнерських рішень: https://boardgamewire.com/index.php/2026/07/06/designer-pair-launch-colorsym-giving-publishers-a-free-tool-for-colourblind-friendly-board-game-creation/ А якщо цікаво, є ще одна система - ColorADD: https://www.coloradd.net/en/

🛒 Знахідка дня в «Сільпо» - Машрум Геннадійович! Сьогодні в додатку натрапила на їхнього айшного чат-бота і реально в захваті Зазвичай чат-боти мене дратують, а цей - просто клас. Живий український текст, фірмові словечка, крута анімація, характер і душа. Хочеться з ним спілкуватися Дуже круто зроблено. Раджу всім зайти і спробувати! Хто вже тестував? 👇

Один із варіантів як можна подати AI Suggestions на платформі) Bagus Fikri