Коротко про мене: я Дмитро Ніколаєнко (Dmytro Nikolaienko), продуктовий дизайнер з 15-річним досвідом. Був lead designer у 8 мобільних банках для роздрібних клієнтів, працював з крипто-гаманцями і сервісами управління капіталом (wealth management). Зараз я засновник і автор курсів UX Hero - школи для практикуючих UI/UX і продуктових дизайнерів, які хочуть самі доводити свою роботу до коду з AI: дизайн-системи, сайти, компоненти і застосунки з Claude Code.

Цей текст - для тих, хто хоче зрозуміти, хто стоїть за UX Hero, звідки мої погляди на дизайн з AI і чому я вчу саме так.

15 років у продуктовому дизайні

Я прийшов у дизайн тоді, коли «UX» ще пояснювали на співбесідах, а макети передавали розробникам пачкою картинок. За ці роки змінилось усе: інструменти, процеси, очікування від дизайнера. Не змінилось одне - хороший інтерфейс народжується з розуміння людей і деталей, а не з інструмента.

Більшу частину кар'єри я провів у складних продуктах, де помилка в інтерфейсі коштує грошей і довіри. Це сильно вплинуло на те, як я думаю про дизайн і про AI сьогодні.

Що мене навчили 8 мобільних банків

Мобільний банк - один з найсуворіших тренажерів для дизайнера. Велика аудиторія, регуляторні вимоги, люди різного віку і досвіду, і кожна кнопка пов'язана з чиїмись грошима. З цих проєктів я виніс кілька речей, які досі визначають мою роботу:

  • Стани важливіші за «щасливий шлях». Помилка переказу, втрачене з'єднання, очікування підтвердження - саме в цих моментах вирішується довіра до продукту.
  • Дизайн-система - не розкіш, а виживання. Коли продукт великий, а команд кілька, без токенів і компонентів інтерфейс розсипається за пару релізів.
  • Доступність - не опція. Банком користуються всі, і контраст, розмір тексту, навігація без зору - це не галочка, а базовий рівень.
  • Розрив між макетом і кодом коштує дорожче, ніж здається. Я бачив, скільки часу команди витрачають на те, щоб «зробити як у Figma». Ця проблема пізніше стала основою UX Hero.

Крипто-гаманці і wealth management: складне простими словами

Після банків я працював з крипто-гаманцями і продуктами управління капіталом. Тут інша складність: незнайомі для людей поняття, незворотні дії і дуже висока ціна помилки. Дизайнер у таких продуктах вчиться пояснювати складне без спрощення, проєктувати підтвердження, які не дратують, і показувати ризик чесно. Частину цих спостережень я описав у статтях про UX крипто-гаманця і KYC-онбординг у фінтеху.

Чому я почав кодити

Довгі роки я був класичним дизайнером: макет, специфікація, передача, очікування, рев'ю «тут відступ не той». Найбільше мене дратувало саме очікування. Маленька правка в UI могла тижнями стояти в черзі, бо в розробників завжди є щось важливіше.

Коли з'явились AI-агенти, які працюють з кодом, зокрема Claude Code, рівняння змінилось. Дизайнер отримав можливість самому зробити правку, побачити її в браузері і відправити pull request на рев'ю. Не замість розробника, а разом з ним. Так я зібрав сайт, платформу курсів і CRM для UX Hero. Сьогодні все це працює в продакшні, і я щодня доводжу UI до коду сам.

Останній приклад: я зібрав з Claude Code iOS-застосунок для домашньої бухгалтерії за пару годин і відправив його на рев'ю в App Store. Процес я описав у статті Мій перший застосунок з Claude Code. Ще кілька років тому для такого мені була б потрібна команда.

Як з'явився UX Hero

UX Hero виріс з простого спостереження: дизайнерів вчать малювати, а потім лишають самих з розривом між макетом і продуктом. AI цей розрив може закрити, але тільки якщо вчити не генерації картинок, а реальним зв'язкам: Figma і код, токени і компоненти, агент і проєкт.

Зараз у UX Hero такі курси:

За цей час через курси пройшли понад 200 студентів.

Що роблять мої студенти

Найкраще, що я можу показати, - не мої слова, а результати людей. Кілька прикладів з відгуків студентів:

  • Аліна після курсу «Сайти з AI» зібрала з Claude свій сайт-портфоліо.
  • Аляксандр після Design Engineer побудував пайплайн Figma → Storybook → pull request, у якому працюють п'ять агентів.
  • Антон зробив з Claude Code агента, який допомагає йому шукати роботу.

Усі троє почали з однієї конкретної задачі, а не з теорії. Це і є головний принцип, на якому побудована школа.

Що я роблю безкоштовно

  • Щотижневі ефіри. Щочетверга о 19:00 за Києвом на YouTube: Claude Code, Figma, дизайн-системи і сайти наживо, без слайдів. Розклад і записи на сторінці Ефіри.
  • Figma-плагіни. Code Runner (понад 500 користувачів) запускає у Figma скрипти, написані Claude. VooDoo Maker генерує дизайн-систему з одного кольору. Design System Doctor оцінює файл від 0 до 100: кольори, текст, відступи і компоненти поза системою. Claude to Figma будує у Figma живі шари з auto layout на ваших токенах з екрана, який описав Claude. Усі вони в наборі плагінів UX Hero.
  • Блог і YouTube. Практичні статті українською, як ця, і відео на каналі UX Hero.

У що я вірю

  1. Практика на своїх задачах сильніша за теорію. Кожен модуль має закінчуватись артефактом у вашому файлі чи репозиторії.
  2. AI підсилює досвід, а не замінює його. Агент пише код, але що таке хороший інтерфейс, знає дизайнер.
  3. Дизайнер, що кодить, - не розробник. Його сила в тому, що він доводить свої рішення до продакшну, не втрачаючи дизайнерського ока.
  4. Чесність важливіша за продаж. Якщо вам вистачить безкоштовних матеріалів, я так і скажу. Про це, до речі, є стаття Курс Claude Code українською: де вчитись.

Де мене знайти

Чому українською

Більшість якісних матеріалів про Claude Code, дизайн-системи і Design Engineering існує англійською і написана для розробників. Для багатьох дизайнерів це подвійний бар'єр: нова сфера і чужа мова. Я хочу, щоб український дизайнер міг пройти шлях від Figma до продакшну рідною мовою, на задачах, які він впізнає зі своєї роботи.

Тому всі курси, ефіри і статті UX Hero українською, а приклади взяті з реальних продуктів: банків, фінтеху, SaaS, сайтів. Я вважаю, що українська дизайн-спільнота може бути серед тих, хто першим освоює роль дизайнера, що кодить, і хочу цьому допомогти.

Чому українською

Більшість якісних матеріалів про Claude Code, дизайн-системи і Design Engineering існує англійською і написана для розробників. Для багатьох дизайнерів це подвійний бар'єр: нова сфера і чужа мова. Я хочу, щоб український дизайнер міг пройти шлях від Figma до продакшну рідною мовою, на задачах, які він впізнає зі своєї роботи.

Тому всі курси, ефіри і статті UX Hero українською, а приклади взяті з реальних продуктів: банків, фінтеху, SaaS, сайтів. Я вважаю, що українська дизайн-спільнота може бути серед тих, хто першим освоює роль дизайнера, що кодить, і хочу цьому допомогти.

Часті питання

Хто такий Дмитро Ніколаєнко?

Дмитро Ніколаєнко (Dmytro Nikolaienko) - український продуктовий дизайнер з 15-річним досвідом, lead designer 8 мобільних банків для роздрібних клієнтів, працював з крипто-гаманцями і wealth management. Засновник і автор курсів UX Hero, де вчить практикуючих дизайнерів працювати з AI: дизайн-системи, сайти, Design Engineer і Claude Code.

Які курси веде Дмитро Ніколаєнко?

У UX Hero: «Дизайн-система + AI», «Сайти з AI», Design Engineer і Design Engineer Pro, кохорта Design Engineer з живими зустрічами (перший потік стартує 2 листопада 2026) і курс «Застосунки з AI», який зараз готується. Курси пройшли понад 200 студентів.

Чи є в Дмитра Ніколаєнка безкоштовні матеріали?

Так. Безкоштовні ефіри щочетверга о 19:00 за Києвом на YouTube-каналі UX Hero, практичні статті в блозі uxhero.design і безкоштовні Figma-плагіни: Code Runner (понад 500 користувачів), VooDoo Maker, Design System Doctor і Claude to Figma.

Як зв'язатися з Дмитром Ніколаєнком?

Через LinkedIn (linkedin.com/in/dmitry-nikolaienko), Telegram-канал @ux_hero або YouTube-канал @ux-hero. Питання про курси можна поставити в коментарях під ефірами або через сайт uxhero.design.

Я не вірю в «AI замінить дизайнерів». Я бачу, як AI робить дизайнерів, які вміють доводити рішення до продукту, у рази сильнішими. Допомагати їм у цьому - те, чим я хочу займатись наступні роки.