YRMN • Product | UX/UI | AI
Open in Telegram
Про продуктовий дизайн, Figma, AI та UX/UI 💬 Чат: @design_kyrilka 🤝 Співпраця: @oleksand4r 💼 Портфоліо: yrmn.me 🏀 Dribbble: dribbble.com/oleksand4r
Show moreThe country is not specifiedThe category is not specified
485
Subscribers
+124 hours
+57 days
+5030 days
Data loading in progress...
Similar Channels
No data
Any problems? Please refresh the page or contact our support manager.
Tags Cloud
No data
Any problems? Please refresh the page or contact our support manager.
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '26
September '26
+53
in 1 channels
August '26
+439
in 1 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 22 September | 0 | |||
| 21 September | +1 | |||
| 20 September | 0 | |||
| 19 September | +1 | |||
| 18 September | 0 | |||
| 17 September | +1 | |||
| 16 September | +2 | |||
| 15 September | +1 | |||
| 14 September | +8 | |||
| 13 September | +3 | |||
| 12 September | +5 | |||
| 11 September | +1 | |||
| 10 September | +3 | |||
| 09 September | +1 | |||
| 08 September | +2 | |||
| 07 September | +5 | |||
| 06 September | +1 | |||
| 05 September | +2 | |||
| 04 September | +2 | |||
| 03 September | +13 | |||
| 02 September | 0 | |||
| 01 September | +1 |
Channel Posts
Repost from Дизайн без фігні
Звісно передати весь досвід у одному тексті - неможливо
Тому я вирішив зібрати досвід одразу двох людей та перенести його у одну статтю😂
Проте я спробував максимально розписати все що знаю і до чого прийшов за півтора роки роботи з АІ в одній статті
Стаття доступна як англійською, так і українською - https://www.dobzha.com/blog/working-with-ai-as-a-design-engineer
Як і обіцяв - у статті буде файл який можна скопіювати та віддати вашому агенту, щоб він перейняв якісь моменти та допоміг вам засетапити воркфлоу.
Спеціально не пишу "правильний" воркфлоу, бо правильного не існує. Ми всі піонери у цьому і всі тестуємо різні підходи
Ми написали про підхід, який працює останні півроку, і який поки що показав себе найкраще
Написали як і про бенефіти, так і недоліки
Та й взагалі додали багато корисних посилань, якими зараз користуюсь.
Ну і найприємніший бонус, стаття написана в колаборації з неймовірною Даяною, тому читаючи її ви отримуєте не тільки мій досвід, а її (а у неї огого який продукт засетаплений у прототипі)
Сподіваюсь буде цікаво, тому раджу зробити чайок з лимончиком та бажаю приємного читання
| 2 | 🎥 Знову у нас зв'язочка Mobbin + AI
Тільки цього разу не Claude, а Codex і його нова модель - GPT-6 Astra (та сама, яку часто називають просто "Astra").
У відео дуже круто показано, як покроково спроєктувати інтерфейс для свого SaaS-проєкту і як за допомогою цієї зв'язки не зробити його типовим AI slop, а більш кастомізованим.
Результат мене насправді здивував - дуже крута інструкція! Обов'язково спробую найближчим часом.
👀 Дивитись відео
Рекомендую до перегляду тим, хто активно використовує AI + Mobbin у своїй UX&UI продуктовій роботі.
Хто вже пробував Codex з Astra в дизайн-задачах? ⤵️
💬 Чатик каналу
#референси #інструменти #AI | 354 |
| 3 |  🍏 Apple випустила гайдлайни для iPhone Duo. Це перший раз, коли iOS-додаток треба готувати до складаного екрана. Подивився сесію Marcos і Vince з дизайн-команди 🍏 Apple, ось що звідти важливо для роботи.
КОНТРОЛИ ПЕРЕЇЖДЖАЮТЬ УБІК
Закритий пристрій має ширший і нижчий дисплей, ніж звичний iPhone. Тому таб-бар, тулбари, кнопка «назад», перемальований статус-бар і Dynamic Island тепер живуть у вертикальній смузі праворуч. Так вивільняється вертикаль під контент, а керування лишається під великим пальцем. Мапінг з наявного айфона прямий: що було вгорі тулбара, іде вгору смуги, що було внизу, лишається внизу, таб-бар знизу. Широкі елементи типу текстових кнопок і segmented control залишаються в нав-барі.
МАКЕТИ ПІД КОЖНУ ПОЗУ
Пристрій розкривають наполовину як книжку, ставлять на стіл як ноутбук, лишають стояти на ребрі. Спокуса намалювати окремий макет під кожен випадок велика, і Apple прямо каже цього не робити. Замість цього два size class: compact width зовні, regular width всередині. Ніяких фіксованих ширин і брейкпоінтів під конкретний екран, тільки layout margins і horizontal safe area insets. Формулювання Vince я б повісив на стіну: проєктуйте так, щоб додаток вільно ресайзився.
ЗОВНІШНІЙ ДИСПЛЕЙ
Центрувати контент по всій ширині за замовчуванням більше не вийде, йому потрібен офсет, щоб не ховатися під контролами. Якщо верстка спирається на safe area insets, це стається саме. Виняток є: імерсивні візуальні екрани без скролу можна лишати центрованими, якщо контроли нічого не перекривають. Змішаний варіант теж працює, коли фон чи хедер ідуть на всю ширину, а скрольований контент має відступ.
ВНУТРІШНІЙ ДИСПЛЕЙ
Тут не має бути розтягнутого айфона. Split view показує кілька рівнів ієрархії одночасно. Вертикальний стек може перебудовуватися у дві колонки, коли з'явилася горизонталь. Таб-бар можна подати як сайдбар, але це радше для щільних застосунків типу Health.
СКЛАДАННЯ
Кнопки, що опиняються прямо в згині, натискати незручно. Тому системні компоненти самі відсувають інтерактивні елементи вбік: шіти, алерти, меню, кнопки тулбара. Скрольований контент відсувати не треба. Для мене це найсильніший аргумент не малювати власні компоненти там, де є системні.
Шіти окремо: зовні їхні контроли теж ідуть убік, і це можна вимкнути, якщо кнопка одна. Всередині, у портреті й ландшафті, працюють звичайні горизонтальні бари.
І те, що варто винести з усієї сесії: ієрархія і функції не залежать від пози. Люди складатимуть і розкладатимуть пристрій прямо посеред сценарію, тож додаток має поводитися передбачувано.
Практично все зводиться до адаптивності. Роботу, яку хороші продуктові команди й так мали робити, тепер просто не вийде відкласти.
А ви вже приміряли свої макети до цього форм-фактора?
Відоси: https://lnkd.in/p/d5TVNYrn
😍 Product Design * Motion in App | Підписатися | 237 |
| 4 |  😎 Сайти для натхнення, Частина 3
🔵 Clouds
Завантажуєш свій лого — і він огортається "хмарами", з повним контролем над щільністю, розміром і товщиною ефекту. Швидкий спосіб отримати м'яку, атмосферну версію свого бренду.
🔵 Posts.design
Стрічка з тим, що реально постять у соцмережі 460+ брендів - картки ui, скріни продуктів, OG-обкладинки.
🔵AI Canvas
Не зовсім "натхнення", радше готові рішення: реєстр анімованих React-компонентів, блоків і цілих дизайн-систем. Ставиш одну команду через shadcn CLI — і в проєкті вже готовий, кастомізований компонент, без токенів на генерацію з нуля.
🔵Umanmade
Кураторований каталог "дизайну, зробленого людьми, для людей" (зараз у беті) — веб-дизайн, motion, 3D, брендинг від конкретних авторів з підписом. Модерують вручну, роботи, які "виглядають як AI", туди не пропускають
🔵Cursor Lab (мій проєкт)
Додав ще один класний VSCII-курсор — тепер у копілці 17 анімованих і 11 звичайних статичних курсорів для сайту. Кастомізуєш колір, товщину, анімацію під себе.
💬 Чатик каналу
#інструменти #референси | 980 |
| 5 |  😁 Мікро приємний апдейт в Figma
Тепер можна міняти opacity прямо поверх кольорів з бібліотеки й не відв'язувати їх вручну. Суперзручно для оверлеїв та disabled-станів, бо все налаштовується масово й за секунду!
🔗 Детальніше про апдейт
#оновлення #figma | 388 |
| 6 |  Claude Fable 5.1 дають безкоштово потестити кілька днів на Arena AI.
На сьогоднішній день це найрозумніша моделька
@berestux | 325 |
| 7 |  🔝 Підбірка де можна взяти готовий DESIGN.md
Зберігайте, потім не знайдете 👇
Нагадую: DESIGN.md - це текстовий файл з описом візуальної мови продукту (кольори, типографіка, спейсинги, компоненти, do/don't). Кидаєш його агенту - і UI виходить в потрібному стилі, а не дефолтна AI-солянка.
Крч:
• styles.refero.design
• designmd.me
• open-design.ai
• designmd.supply
• getdesign.md
• aura.build
• neuform.ai
• hyperbrowser.ai
• typeui.sh
@shain_design | 283 |
| 8 | Прикольні сервіси, треба 💯 тестити | 2 |
| 9 |  😒 Anthropic випустили Claude Fable 5.1🎉
Топова модель Claude, вище за Opus і Sonnet - три місяці чекали апдейту.
Головне для нас: дешевше й точніше. Ціна на типові задачі впала десь на 25%, а на агентну роботу (типу того ж дизайн-воркфлоу через Claude Code) — аж до 45%
Плюс модель менше "хачить" - не бере shortcuts, а реально докопується до суті задачі. Для дизайн-систем і складнішого дизайн-воркфлоу це прямо відчутно.
Доступно вже сьогодні у всіх, хто юзає Claude
Хто вже встиг потестити? ⤵️
#AI #Claude #оновлення | 317 |
| 10 |  ➕ Завайбкодив сайт для кастомізації курсорів
На жаль, я або погано шукав, або не знайшов сайт, де була б класна бібліотека курсорів)
Зараз є 16 курсорів, можна кастомізувати як хочете- колір, товщину, анімацію тощо.
🔵Сподіваюсь, цей сайт трішечки вам допоможе, якщо захочете додати кастомний курсор собі на сайт)
З часом буду додавати нові курсори — пропозиції й фідбек вітаються.
Є імпорт в JSS, React, CSS
Сайт безкоштовний для користування
Посилання - 🔗 Cursor Lab
Який курсор собі забрали, чи чекаєте на новинки? 😎⤵️
Буду вдячний за підтримку і інші пропозиції щодо проекту👁
💬 Чатик каналу
#вайбкодинг #інструменти | 418 |
| 11 |  😒 Вирішив трошки глибше копнути в вайбкодинг
Зараз оновлюю собі сайт-портфоліо. Збираю повністю через Claude Code. Минулий сайт був на Framer (поки тимчасово офф).
Є вже класні напрацювання, сподіваюсь не буде виглядати як AI slop 🤨
Звісно, вайбкоджу його паралельно з поточними part-time проєктами, коли є вільна хвилинка)
Ви вже готуєтесь до осені?📆
Знаю, це найкращий сезон для наповнення портфоліо, а також наймів і потоку фріланс-проєктів) Сам зараз буду робити більше ставку якраз на full-time позицію, як і планував раніше.
🔵А поки у нас цікавий сайт - можна створити своє 3D-зображення без додаткових зусиль, є різні налаштування сцени, функції тощо.
🔗 3dsvg
Завантажуєш будь-яке SVG - і воно перетворюється на інтерактивний 3D-об'єкт. Можна крутити глибину, згладжування, матеріал, текстуру, освітлення й анімацію, а потім експортувати як 4K-картинку чи відео. Повністю безкоштовно, без реєстрації й підписки.
А ви вже готуєтесь до осіннього сезону, чи поки в режимі "встигну ще"?🤔 ⤵️
💬 Чатик каналу
#інструменти #вайбкодинг #портфоліо #AI | 415 |
| 12 |  35 років незалежності 🇺🇦
35 років ми будуємо, творимо, боремося й змінюємо Україну на краще.
Нехай Україна завжди залишається вільною, сильною та незламною, а кожен новий день наближає нас до мирного й щасливого майбутнього
З Днем Незалежності, Україно!
🇺🇦 Слава Україні! | 340 |
| 13 |  👌 Хто користується Cursor? Яку різницю помітили порівняно з Claude? 😒
Чи все-таки продовжуєте користуватися чистим Claude? Буду вдячний за думки та досвід - думаю, цей топік буде актуальним для багатьох.
Бачив різні відгуки, тому цікаво, як обидва інструменти показують себе саме на реальних проєктах🤨
#обговорення #AI | 353 |
| 14 |  😎 Сайти для натхнення, Частина 2
🔵 CollectUI
Щоденна добірка UI-скрінів, кураторована спільнотою дизайнерів ("design magicians", як вони самі себе називають). Є фільтри по категоріях, по авторах і окремо — розділ Trending. Простий формат, зручно швидко проскролити перед роботою.
🔵 Vizzzle
Кураторована галерея сучасних лендінгів — 277+ прикладів з фільтрами по стеку (Webflow, Framer, Tailwind, Next.js), стилю (dark, playful, minimalist тощо) та індустрії (AI, SaaS, Fintech). Зручно, коли треба референс саме під конкретний стек чи вайб проєкту.
🔵 Details.so
Об'єднав inspo.page та Edge Supply — тепер це один сервіс з UI-деталями, моушеном і взаємодіями з якісно зроблених сайтів. Фішка — "Copy for AI": можна скопіювати деталь у форматі, готовому згодувати ChatGPT/Claude, щоб імплементувати схожу взаємодію собі в код.
💬 Чатик каналу
#інструменти #референси | 384 |
| 15 |  ➖ Збираю відгуки
Вирішив в один пост зібрати все - і про канал, і про консультації, які я вже проводив 👨💻
Якщо читаєте канал якийсь час - буду вдячний за коротенький відгук: що заходить, що ні, чого не вистачає)
🔵Якщо були на консультації зі мною - так само буду вдячний за фідбек, чесний, без прикрас)
Це реально допомагає зрозуміти, чи корисно те, що роблю, і куди рухатись далі
😇 Вибачаюсь, якщо когось потурбував цим постом
📄 І до речі — вакансії, які мені прилітають від рекрутерів, тепер теж скидатиму в чатик каналу, щоб не губились в особистих і були доступні всім, кому актуально
Кидайте відгук у коментарі, або в особисті - як зручніше ⤵️
💬 Чатик каналу
#відгуки #канал | 334 |
| 16 |  😒 Claude Code додав режим /design
Але якщо по суті: тепер Клод запускає редактор полотна Claude Design прямо з термінала й публікує візуальний дизайн із кількома артбордами як Artifact. Обираєш варіант, доопрацьовуєш - і одразу просиш Клода імплементувати в код.
🔵Поки що research preview, доступно на Pro, Max, Team та Enterprise.
Тобто по факту — робочий процес Claude Design (полотно з артбордами) тепер живе прямо в Claude Code, без перемикання між інтерфейсами.
🎥 Детальніше на відео про апдейт
🔗 Пост в LinkedIn
💬 Чатик каналу
#AI #ClaudeCode #Claude | 345 |
| 17 |  👨💻 Вакансія - Strong Middle / Senior Designer
👀 Компанія - SpoiledChild
🌐 Написати рекрутеру
Шукаємо дизайнера з сильним web UI та e-commerce портфоліо, хто любить pixel-perfect і вміє перетворювати product logic на конверсійний UI.
Що важливо:
— strong visual/UI skills: typography, spacing, hierarchy, composition
— pixel-perfect mindset
— досвід із web / e-commerce / B2C / D2C
— landing → product → checkout → conversion
— буде великим плюсом досвід із subscriptions, My Account, retention
— розуміння design systems та responsive design
— сильні end-to-end кейси в портфоліо: проблема → рішення → результат
— вміння аргументувати дизайн-рішення та розуміти business context
Що будемо робити:
subscriptions, checkout & conversion funnels, account experience, return experience, communications та інші high-impact web/brand projects.
Чому цікаво:
✨ робота над розвитком SpoiledChild як бренду
✨ тісна співпраця з CEO
✨ багато ownership і visibility
✨ high-impact проєкти та можливість швидко рости разом із командою
💬 Чатик каналу
#карʼєра
#ринок
#Вакансія | 409 |
| 18 |  Нова щотижнева рубрика: сайти для натхнення 😎
Раз на тиждень скидатиму 2-3 джерела, куди сам заглядаю за натхненням - веб-дизайн, motion, продукт.
🔵Recent Design — Щоденна добірка найкращого дизайну з інтернету: сайти, інтерфейси, брендинг, тайпографія, моушн, 3D, ілюстрація — все в одній стрічці з фільтрами по категоріях.
🔵Showreel Design — Архів найкращих motion-шоуріл від студій та фрилансерів по всьому світу, оновлюється щотижня. Зручні фільтри: за індустрією, стилем (мінімал/ретро/кінематографічний), навіть за настроєм саунд-треку.
🔵Landing Love — Понад 2000 прикладів анімованих сайтів з відеозаписом повної прокрутки сторінки — зручно дивитись, як реально працює взаємодія, а не тільки статичний скрін. Є фільтри по платформі (Webflow, Framer), стилю (dark mode, gradient, retro) і індустрії.
💬 Чатик каналу
#інструменти #референси | 346 |
| 19 |  Шукаємо 3D-Дизайнера в проєкт 🍺💱
Що важливо:🤨
Парт-тайм формат на поточний проєкт (із перспективою постійної співпраці, якщо замeтчимось за вайбом і якістю).
Буде жирним плюсом досвід у доменах Fintech / Crypto 💰
Якщо це про тебе - кидай своє портфоліо мені в особисті
#карʼєра #ринок #вакансія | 365 |
| 20 |  😁 Фігма викотила оновлення (Folders) - тепер можна будувати ієрархію аж до 10 рівнів вкладеності, а самі проєкти фактично перетворилися на звичайні директорії
(P.S. Самого апдейта в мене ще чомусь немає, чекаємо)
🔗Детальніше про апдейт
💬 Чатик каналу
#Figma | 426 |
