YRMN • Product | UX/UI | AI

Скіли для дизайну, якими сам користуюсь😒 Зібрав невеличку підбірку - реально те, чим користуюсь у роботі й сам би радив 🍺 🔵 Taste Skill

Набір скілів проти "AI slop" — щоб агент не генерував типовий шаблонний фронтенд. Є окремі варіанти під різні задачі: аудит існуючого проєкту, мінімалізм, брутализм, "м'який" преміальний стиль тощо. Працює з Claude Code, Cursor, Codex та іншими.

🔵Emil Kowalski

Скіли по дизайну й анімації від дизайнера з Vercel/Linear. Головна фішка — розбір типових помилок агентів в анімаціях (неправильний easing, зайві ефекти) + аудит анімацій у вже готовому коді.

🔵Product Designer

Частенько з ним працюю, дуже гарно працює як з аналізом - критики й редизайну інтерфейсів у Figma

🔵UI/UX Pro Max

Великий довідник: 84 стилі UI, 192 колірні палітри, 74 шрифтові пари під конкретні індустрії (fintech, spa, SaaS тощо). Генерує готову дизайн-систему під тип продукту одразу з рекомендаціями кольору/шрифту/патерну.

🔵UI Skills

Каталог скілів від різних авторів (в тому числі Anthropic) — аудит інтерфейсу, робота з shadcn/ui, анімації, доступність. Зручно шукати по категоріям (motion, accessibility, systems).

🔵UX & UI Skills

Ще два робочих скілла у моєму workflow

А ви вже користуєтесь скілами, чи тільки придивляєтесь? ⤵️ 💬 Чатик каналу #AI #Figma #Skills #інструменти

Сайти для пошуку роботи та проєктів для дизайнерів 👨‍💻 Зібрав підбірку - де реально шукати вакансії та фріланс-проєкти, українські та міжнародні джерела 🇺🇦Ukraine Djinni - головна база IT-вакансій в Україні, зручні фільтри по UX/UI DOU - крім вакансій, тут ще й ком'юніті, зарплатні опитування, статті Hoorya - теж джоб борда з вакансіями по ux/ui & product design Jobico - відносно новий сайт з пошуком вакансій LobbyX - переважно deftech-напрям але є іноді і вакансії по дизайну Happy Monday Jooble - агрегатор вакансій, зручно для широкого пошуку Freelancehunt - український фріланс, короткі проєкти й разові задачі також є окремий розділ вакансії де також шукають дизайнерів Вакансії в телеграмі також частенько бачив запит на дизайнерів 🇪🇺 EU & USA 🇺🇸 Wellfound - (ex-AngelList) - стартапи, часто з можливістю remote (я там теж шукаю вакансії) Glassdoor - вакансії + реальні відгуки про компанії й зарплати (сам частенько проганяю вакансії через цей сайт) Layers - спеціалізовано під дизайнерів Upwork - фріланс-проєкти, весь спектр від разових задач до довгих контрактів Fiverr - короткі фріланс-задачі, зручно для портфоліо-проєктів і разових замовлень LinkedIn - база всіх баз, головне правильно заповнити профіль щоб рекрутери самі Вам писали)🍺 EU Remote Jobs - cуто віддалені вакансії в Європі Remotive - теж фокус на remote, є фільтр по дизайну 😎🇺🇦Threads - часто мелькають цікаві вакансії в пошуку, підходить і для нашого, і для європейського ринку - просто шукайте по ключових словах типу "hiring designer" / "UX/UI job" Якщо користуєтесь ще якимись джерелами, яких тут нема - скидайте в коментарі, доповню список ⬇️ 💬 Чатик каналу #ринок #карʼєра

Всім привіт!🔥 Маю для вас гарячий контрактний слот для Middle/Senior UX/UI Designer у Selecto. Впевнений, що серед моїх підписників є люди саме такого рівня, які зараз розглядають нові виклики. Без тестового (якщо я не помиляюся, етапи максимально адекватні) 💬 Чатик каналу #карʼєра #ринок 🔗 Всі деталі та подача тут:

Бачили в LinkedIn чи ТікТок ті самі трендові вау-сайти з шаленою анімацією? Натрапив на Layers AI - це якраз база готових промптів під такі штуки. Є як безкоштовні, так і платні варіанти, тож можна зайти потестити й забрати собі під концепти. 🔗Переглянути сайт: 👨‍💻Мокап, який використав у пості (промік на знижку YRMN-10 для моїх підписників 🥰) 💬 Чат каналу #Claude #AI #Інструменти

Всім гарних вихідних 😁😁 💬 Чат каналу #мемчик #cпілкування

Вчора отримав дуже несподіване повідомлення від підписника каналу і я щиро радий за нього! Враховуючи поточну ситуацію на ринку, це окремий респект🫡 Звісно, як я й казав раніше, резюме - це лише ключик до рекрутерів. Далі починається робота виключно ваших софт- та хард-скілів 🔗 Посилання на той самий пост про резюме прикріплю нижче в коментарях. 💬 Чат каналу #спілкування@yrmn_design #карʼєра@yrmn_design #рино@yrmn_design

💬 Чат каналу Просто нагадую, що у нас є затишний чат каналу. Якщо вам бракує місця, де можна спокійно розібрати свіжий воркфлоу, покрутити промпти для Клода, поділитися лайфхаками чи просто обговорити продуктові будні - велкам😎 У нас там дійсно своя, дуже приємна атмосфера, де всі діляться досвідом і підтримують один одного) Заходьте ділитися думками, запитувати або просто почитати, ми завжди раді новим людям👋 #спілкування

😒 Claude Code на реальному проєкті (Частина 2) 🚀 Частина 1 (переглянути тут) 🙈Одразу зазначу: я не претендую на звання «супер ШІ-експерта» і далекий від інфоциганського хайпу. Я просто ділюся практичним досвідом того, як прямо зараз використовую Claude одночасно на двох реальних проєктах. 💳 Базовий сетап Для роботи зв'язку Claude + Figma потрібні платні тарифи: Figma Professional ($20/міс): щоб Claude міг повноцінно керувати Figma MCP. На безкоштовному тарифі забагато обмежень. Claude Pro ($24/міс): ліміти та доступ до моделей вирішують усе. 🧠 Що таке .md та Skills для Claude?

.md (Markdown) файли: документи з чіткими інструкціями чи токенами. Ви один раз згодовуєте Клоду такий файл (наприклад, з описом системи), і модель завжди тримає контекст у голові.

Claude Skills: кастомні системні підказки всередині Claude Code. Ви викликаєте скіл, і модель миттєво перетворюється на профільного аналітика чи технічного дизайнера під ваші стандарти.

🔬 Експеримент №1: Готові інтернет-шаблони .md Спроба згодувати Клоду готові .md-шаблони з мережі провалилася. Модель сліпо ліпить чужу логіку, видає шаблонний результат не по ТЗ, а токени згорають із космічною швидкістю. Відмовився одразу й перейшов на кастомні Skills. 📊 Розбір двох проєктів: Веб проти Мобайлу 💻 Проєкт 1: Вебсайт (Fintech) Маючи готові кілька екранів сайту, я підключив Figma MCP та скіл. Claude ідеально зчитав поточну стилістику/токени й побудував наступний складний екран за ТЗ. Клієнт затвердив макет з першої ітерації. Коли завдання стали кастомнішими, я влаштував батл моделей: Fable: Швидка, але нещадно палить токени. В UI видала гірший результат, ніж очікував. Проте в HTML-форматі у зв'язці з Claude/Gemini + Higgsfield вона робить шикарний анімований код. Для Figma-проєктування зараз не юзаю. Opus 4.8: Круто зчитав структуру й видав логічний UX. Але сам UI все одно трохи віддавав "AI slop" (шаблонністю), довелося докручувати руцями. Sonnet 5: Найгірший результат. Блоки вилітали за фрейми, половину ТЗ модель просто проігнорувала. 📱 Проєкт 2: Мобільний застосунок (Fintech) Тут проєктували екрани цілком, і карти лягли інакше: Fable: Спрацювала топово. Ідеально зчитала існуючий дизайн апки, вловила стиль і продовжила генерувати нові екрани чітко за ТЗ. Opus: Постійно помилявся в UI й сильно поступався Fable за якістю візуалу в мобайлі. Результат: Завдяки Fable з першого разу погодили весь UX/UI flow частини дизайну апки ⚙️ Мій Workflow та Компоненти Аналіз: Прошу Claude проаналізувати ТЗ. Промптинг через Skills: Пишу промпт із задачею, проганяю через Claude Skill і отримую деталізований технічний промпт. Генерація: Цей текст вставляю в Claude Code через термінал для генерації блоків.

Секрет паралельної роботи: Працюю на двох моніторах. На першому — Figma + Claude Code (генерація). На другому — ще одна вкладка Figma, де я паралельно руцями виправляю косяки UI за Клодом або з нуля малюю нові екрани.

🧩 Робота з компонентами: Створив у Figma базові компоненти (наприклад, кнопку з усім набором properties). Мій запит до Клода:

«Орієнтуючись на цей компонент [Посилання на кнопку через Ctrl+L], створи мені структуру нового блоку, але з урахуванням аналізу ось цього ТЗ [вставляю промпт, згенерований через Claude Skill]»

Claude бачить, які елементи вже є в системі, і не плодить дублікатів. 🏁 Короткі інсайти

ШІ — це про рутину. Клод ідеально збирає дизайн-системну рутину: токени, кольори, відступи, шрифти під dev-handoff. Це економить купу часу. Але складний кастомний SaaS-дизайн, Bento-сітки чи інтерактив він не потягне. Решту треба пиляти руцями.

Об'єм файлу має значення. Чим більше готових екранів вже є у вашому Figma-файлі, тим легше Клоду проектувати наступні блоки, бо він аналізує поточний стиль.

Ми все ще дизайнери. ШІ — крутий асистент, але 100% результату треба перевіряти й докручувати. Контроль та фінальний продукт — завжди за нами 🤝

🔗 Залишаю посилання: Автор скіла Завантажити skill Детальніше про цей скілл у мого колеги: 💬 Чат каналу #AI #Figma #productdesign #інструменти #tips #лонгрід

Нас уже 300+! Маленький ювілей і подяка вам 🤝 🤝 Усім привіт! За останні пару днів канал пробив позначку, на якій ми довго топталися (цифра 260+ ніяк не хотіла рухатися далі), і зараз тут уже понад 300 людей🎉 Хочу щиро подякувати кожному, хто читає, реагує, коментує та шерить пости своїм колегам😎 Бачу за вашою активністю, що такий контент дійсно приносить користь, і це мега-круто) Обіцяю й надалі ділитися корисними інсайтами, тестувати нові ШІ-інструменти, розбирати процеси та підсвічувати цікаві знахідки в дизайні😁 Ціль до кінця року - 1k однодумців на каналі. Впевнений, що з такою аудиторією все вийде 👌 І ще один приємний бонус наостанок: Мій сайт-портфоліо отримав невеличку нагороду на Wall of Portfolios 🏆 Якщо раптом пропустили або хочете глянути, як він реалізований - сайт портфоліо Планую чуть пізніше далі його оновити і додати нову інформацію) Далі буде більше. Дякую, що ви тут! 😎

😒 Claude Code на реальному проєкті (Частина 1) Наберемо 15 лайків під цим постом - і я випущу другу частину. Там детально розберу моделі, скіли, компоненти й покажу декілька скілів з якими я активно працю для Claude, яка дає топовий результат саме в UX/UI та продуктовому дизайні. 📝 Контекст Зараз веду два великі Fintech-проєкти. Через NDA деталі розкривати не можу, але покажу сам воркфлоу та специфіку зв'язки Claude Code + Figma. 🧑‍💻 З чого почав На старті я доручив Claude research конкурентів, створення User Journey Map (UJM) та формування логіки проєктування майбутніх екранів. Етап клікабельних прототипів за запитом клієнта ми пропустили — одразу перейшли до UI. На цьому кроці штучний інтелект майже не залучався, але щойно я зафіналив головний екран, підключив Claude Code. Мета була зрозуміла: на основі цього екрана зібрати стартову дизайн-систему, щоб далі масштабувати її на весь проєкт. 😁 Дизайн-система за 10 хвилин З одного головного екрана Claude повністю зчитав колірну палітру, упакував її в семантичні токени (semantic tokens), витягнув стилі шрифтів і автоматично підв'язав усе до Figma Variables. Додатково через промпт попросив його згенерувати правильні відтінки та рівні тіней (shadows). Завдяки точному промптингу та правильним скілам базова дизайн-система з розширенням була готова всього за 10 хвилин. Усе це працювало через Figma MCP.

Примітка: зараз я оптимізував цей процес і працюю іншим методом, який споживає значно менше токенів та обробляє запити в рази швидше. Про це розкажу пізніше)

🙈 Коли Claude помиляється в UX Звісно, ідеально все не буває. Траплялися секції, які мені не подобалися за логікою. Але це норма: фінальні продуктові рішення має ухвалювати дизайнер, а не нейромережа. ШІ не закриває питання продуктового мислення. Проєктування має спиратися на реальні поведінкові патерни та ментальні моделі користувачів, адже кожна кнопка чи блок у майбутньому впливатимуть на продуктові метрики (конверсію, онбординг, retention). Модель цих ризиків не прораховує. У таких випадках я виступав фільтром: просив Claude згенерувати 3–4 альтернативні варіації блоку, оцінював їх із погляду UX та бізнес-завдань і сам обирав найкращий варіант. ШІ дає швидку варіативність, але контроль - за дизайнером. ⚖️ Sonnet чи Opus? Первинний сетап дизайн-системи, з якою потім комфортно працювати, я збирав на Sonnet 4.5 ще тоді.

Проте, якщо вам потрібна максимальна якість та глибша аналітика без компромісів щодо швидкості - обирайте Opus 4.8. Він неймовірно круто аналізує архітектуру та логіку проєктування. Детальний батл моделей дам у наступній частині.

🍺 Що вразило найбільше? (На старті) Швидкість збирання дизайн-системи - це головний геймчейнджер. Claude не просто розкидав елементи, він одразу підготував сторінку під передачу в розробку (dev-handoff): прив'язав токени, змінні, стилі тощо.

Це дало пришвидшення моєї роботи в x5–x10 разів.

Ще один інсайт: на старті я використовував вбудований Claude Code всередині застосунку, бо так було зручніше закидувати референси, поки розбирався з інструментом. Зараз я повністю перейшов на автономний Claude Code через термінал. 💬 Чат каналу #AI #Figma #productdesign #інструменти #tips #лонгрід

Як і писав у попередньому пості, що мали ось-ось повернути Fable 5 - і буквально сьогодні нам його повертають 😎

Паскудич, звісно, потужний, але ліміти виїдає дай боже, тому промпти з ним треба писати максимально чітко й коректно😇

Буду теж тестувати його на реальному проєкті, бо минулого разу так і не встиг 🤨 Але бачив, які круті штуки з цією моделлю робили — інструмент реально сильний. Якщо цікаво, можете глянути кейси на ютубі 💬 Чат каналу #AI #Claude #оновлення

😱Anthropic випустили Claude Sonnet 5 Головний посил цього релізу: середня модель за своїми можливостями впритул підібралася до флагманської Opus 4.8. При цьому вона працює в рази швидше, а коштує суттєво дешевше. Розробники зробили ставку на «агентність» - тобто на здатність ШІ працювати автономно без постійних підказок.

Чому п'ятірка крутіша за попередню Sonnet 4.6: Автономність у задачах: раніше на складних і довгих тасках модель могла кинути роботу посередині й чекати від вас команди «продовжуй». Тепер вона сама планує кроки, пише кодинг-тести, знаходить власні помилки й доводить процес до фіналу. Стійкість до маніпуляцій: суттєво знизили рівень галюцинацій та підлабузництва (sycophancy) — модель більше не намагається підтасувати відповідь під ваші очікування. Також покращили захист від prompt injection. Перевага в агентних тестах: у свіжих бенчмарках (на кшталт OSWorld та BrowseComp), де оцінюється робота з браузером та інтерфейсом комп'ютера, Sonnet 5 розриває стару версію. Opus усе ще трохи точніший, але баланс швидкості та якості тепер на боці п'ятірки.

Для звичайних користувачів у веб-інтерфейсі (і на Free, і на Pro) п'ятірка вже стоїть за замовчуванням, тож ви можете вже тестувати) Сьогодні буду тестити її, пізніше поділюся фідбеком) Можу, якщо цікаво, потім підсвітити загалом враження від Claude Code на реальному проєкті) Якщо цікаво — дайте знати, запланую пост #AI #Claude #cпілкування

🍏 Apple викотила офіційні UI-кіти для iOS 27, iPadOS 27 та macOS 27 у Figma Community #figma

😎 А пам’ятаєте свої найперші роботи? Давайте трохи поділимося, з чого всі стартували⬇️ Я починав із 🎨Фотошопу. Перше замовлення на фрілансі... Тоді ще не було Фігми 😁 А може й була, але нею ніхто не користувався Досвіду на той момент у мене було рівно місяць🤷‍♂️ До речі, цей інтернет-магазин я зробив за прайсом, який за нинішніми цінами дорівнює сету суші 🥰 До речі, у нас є чат, усіх запрошую! Така собі "дизайн-курілка" - обговорюємо AI, роботу, дизайн тощо. Усіх буду радий бачити 🤞 #спілкування

Трохи прогавив таймлайн по апдейтах Фігми, але зібрав усе головне з Config 2026 в один короткий білд 😁 🏷 Figma Motion (уже в беті) — нативний таймлайн з ключовими кадрами й кривими (easing) прямо на канвасі. Перший варіант анімації можна згенерувати промптом, а готовий результат — віддати розробникам у коді (CSS, JSON, React). 📌Можно експортувати в MP4, WEBM, GIF, SVG, Lottie 🎨 Shaders (Шейдери) — генерація складних WebGPU-ефектів (скляний блюр, хромований метал, дизерінг) через промпти. Вони параметризуються, налаштовуються вручну та анімуються на таймлайні. 🧑‍💻 Code Layers (скоро) — можливість перетворити будь-який дизайн-шар на інтерактивний код або клонувати репозиторії прямо на полотно. Зміни можна буде синхронізувати назад у код. По суті, це смерть звичного «хендоффу». 🤖 Оновлений Figma Agent — ШІ-асистент тепер вміє хавати зовнішні файли як контекст, підключати сторонні тулзи та навчатися кастомних командних скілів. Плюс, ваші чати з ним тепер бачать усі колаборатори у файлі. 🛠 Generative Plugins — створення плагінів промптами. Пишеш: «Зроби плагін, який чистить приховані шари», — і ШІ за секунду збирає робочий інструмент без жодного рядка коду з твого боку. ✨ Weave інструменти — прямо в ліву панель вбудували 20+ ШІ-тулзів для швидкої роботи з графікою: заміна фонів, додавання логотипів, зміна пропорцій без сторонніх сервісів. 📐 3D Transforms (скоро) — додавання реального об'єму та глибини об'єктам прямо на канвасі. Чув уже двоякі думки від колег, за якими активно стежу — багато хто очікував від цієї презентації більшого. Але, як на мене, інструменти дуже цікаві. Особливо Figma Motion — тепер можна сміливо скасовувати підписку на Jitter 😎 💬 А як вам нові оновлення фігми? #Figma #плагіни #іконки #інструменти #AI

Ринок дизайну в 2026 😎 Це габелла, по-інакшому ніяк назвати не можу) Я хоч і не джун, але періодично переглядаю, що там відбувається у джунів 🙃 Пам'ятаю у мене така зп була в 2019 на старті)🤔 Що думаєте? Давайте поспілкуємось)⤵️ Вгадайте компанію 🤔 #спілкування

Claude Code + Mobbin + Figma 🤔 Натрапив на кльовий урок від Kyle Skellyі про те, як через MCP підключити Mobbin до Claude. По суті: 📌Сама збирає мудборди: пишеш промпт — і Клод автоматом закидує релевантні скріншоти з Mobbin прямо у твій Figma-файл. 📌Робить UX-аналіз: прямо на макетах розписує, які патерни працюють, а що перевантажує інтерфейс. 📌«Прожарює» макети: порівнює твою роботу з преміум-кейсами, вказує на факапи й підкидає правильні референси. Зараз сам активно тестую Claude Code на реальних проєктах. Він нереально круто допомагає готувати макети до верстки: семантика кольорів, токени, налаштування Фігми під розробку — рутину закриває на раз-два😱 Коротше, пошук роботи поки на паузі😁, я повністю зарився в ці тести) Обов'язково подивіться, як це працює вживу: 🎞 https://www.youtube.com/watch?v=fVPCbCH_c1c #інструменти #AI #figma #tips

😁 Figma додала функцію групування вкладок. Дуже корисний апдейт! Вже ним користуюсь #Figma@yrmn_design

Figma викотила круте розширення! Тепер можна імпортувати будь-який вебсайт прямо у Figma Чудова альтернатива плагіну HTML to Figma. 🔗 Завантажити: Extension #figma #інструменти #ai

Друзі, а давайте влаштуємо вечір взаємопідтримки? ✨ Кидайте в коментарі посилання на свої роботи на Behance чи Dribbble. Зі свого боку я зайду до кожного без винятків і підтримаю лайком чи коментарем! ❤️✍️ Підтримаймо один одного! До речі, якщо хочете почути конструктивну критику чи пораду від досвідчених колег, які мене читають - просто вкажіть це в повідомленні Якщо ні - просто діліться лінками й ловіть активність! 🚀 Чекаю ваші роботи в коментарях 👇 #спілкування #showcase