Design Engineer у 2026: хто це і хто наймає

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, мене звати Настя. Я продуктова дизайнерка з понад п’ятирічним досвідом розробки інтерфейсів для агенцій, стартапів та корпоративних продуктів. Зараз я вже працюю дизайн-інженером і поєдную дизайн із фронтендом на комерційному проєкті.

Design engineer проєктує інтерфейс і сам доводить його до продакшн-коду. За останній рік цю роль відкривали Anthropic, Vercel, Cursor, Ramp і Lovable, а в Україні вона ще ховається під назвами UX Designer чи Product Designer.

Я сама почала працювати дизайн-інженером, і мені було цікаво розібратися, як ця роль виглядає на ринку зараз і що я маю покривати на цій позиції. Я порівняла глобальний ринок з українським. Глобальний задає стандарт: хто наймає, що вимагає, скільки платить, як проводить співбесіду. І український: що показали тексти 382 дизайнерських і 147 фронтенд-вакансій з DOU та Djinni. Скільки заробляють дизайнери порівняно з розробниками, хто вже працює в цій ролі, і як я шукала таку роботу. Наприкінці, зведений список вимог до професії і висновки, що з усім цим робити. Дослідження я робила за допомогою моделі Claude Fable 5.

Зміст

1. Хто такий design engineer
2. Що змінилось у роботі дизайнера за останній рік
3. Хто наймає і скільки платить
4. А що в Україні
5. Вимоги до професії: зведений список
6. Співбесіда і портфоліо
7. Підсумуємо

Хто такий design engineer

Design engineer працює на стику продуктового дизайну і фронтенду. Дизайнер здає макет і опис станів, які далі збирає розробник. Design engineer здає готовий компонент у кодовій базі: зі станами, анімацією, доступністю і поведінкою на різних екранах. Проміжних артефактів для передачі в такій роботі немає, бо передавати нікому. Звідси й слова, якими описують роль у вакансіях: ownership, крафт і senior-планка.

Термін має коротку історію, її хронологію зібрав Девід Лур. Останні десять років схожі гібридні ролі ховалися під назвами UI engineer, UX engineer чи full-stack designer. Одна з перших книжок про професію, Design Engineering Handbook, вийшла у 2020 році. Її написали Наталя Шелберн і колеги з New York Times, Mailchimp, Minted та Indeed. Сам термін, за словами Шелберн, вона придумала разом з Аарроном Волтером на конференції в Сіднеї. У 2022-му індустрією розійшлося есе Джима Нільсена «The Case for Design Engineers», а у 2024-му Vercel розповів у блозі, як його design engineers працюють у трьох режимах: поруч із дизайнерами, всередині продуктових команд і самостійно, від ескізу до релізу. Масовою назва стала у 2024–2026, коли дизайнери отримали інструменти, з якими макет можна самому довести до робочого коду, навіть не вміючи його писати.

Що змінилось у роботі дизайнера за останній рік

У травні 2026 року Designer Fund і Foundation Capital запустили AI in Design Report, який доповнювали до серпня: опитування 900+ дизайнерів із 60+ країн.

50% — дизайнерів уже відправляли AI-згенерований код у продакшн

65% — кажуть, що виконують більше інженерних і PM-задач, ніж рік тому

20% — опитаних називають себе design engineer

Порівняння з торішнім заміром показує швидкість зміни. Щотижневе використання AI у дизайні зросло з 54% у 2025 до 91% у 2026. Для 43% опитаних робочий прототип уже входить до очікуваного результату роботи. Є і зворотний бік. Частка дизайнерів, які відзначають зниження співпраці в команді, зросла з 5% до 20%. Час перетікає з живих обговорень у промпти й термінали.

Виробництво інтерфейсу подешевшало, бо агент генерує компонент за хвилини. Дизайн при цьому не подешевшав: для 80% дизайнерів AI допомагає, але не замінює власне чуття якості, і лише 5% керівників стали менше цінувати якість виконання. Половина керівників, наймаючи дизайнерів, тепер більше зважає на володіння AI.

Figma підтверджує цей вектор в іншому дослідженні. У лютневому опитуванні менеджерів з найму 82% кажуть, що потреба в дизайнерах зросла або стабільна, а 73% бачать зростання потреби у володінні AI-інструментами. Попит на senior-дизайнерів росте у 56% компаній, на джуніорів у 25%.

Роль показують і публічно. Anthropic на Code w/ Claude 2026 у доповіді «Designing with Claude: From prompt to production» показала, як невелика команда зібрала Claude Design від промпту до продакшену.

Хто наймає і скільки платить

В інтернеті я натрапляла на кілька дошок, де збирають вакансії саме для design engineers. Для прикладу візьмемо designengineerjob.com разом із кар’єрними сторінками компаній, зріз на кінець серпня 2026 року, ролі у вебі та продукті. Це вакансії Anthropic, Vercel, Cursor, Replit, Ramp, Lovable, Supabase, Runway, Cloudflare, Airtable, Meta та інших. Близько половини оголошень на дошці датовані травнем, решта переважно квітнем, тож повної картини ринку зріз не дає, але ґрунт для розуміння позиції зібрати можна.

Зображення: дошка designengineerjob.com, 24.08.2026: Runway — $250—310k, Console — $200—350k, Mintlify — $145—200k.

Тайтл «Design Engineer» стоїть у більшості вакансій, варіанти на кшталт Design Technologist чи Creative Coder трапляються поодиноко. Повністю віддалених ролей третина, але ремоут не означає «звідусіль». У частині тайтлів прямо стоїть Senior, Staff, Lead або Principal, у решті рівень захований у вимоги на 4–7+ років досвіду.

Вимоги в цих вакансіях повторюються майже дослівно. Cursor шукає людину, «equally comfortable in Figma and your code editor», зі стеком TypeScript, React, SolidJS, CSS і анімаціями. Vercel чекав від кандидата «highest level of polish», ця вакансія вже закрита. Anthropic записує доступність і performance budgets у зону його відповідальності. Lovable просить «sharp eye for craft», а на технічному скринінгу оцінює кандидата на рівні product engineer. Ramp ставить «Claude» тегом навички поруч із React. Повний профіль вимог, зведений з усіх вакансій, буде нижче в окремому розділі.

А що в Україні

Пошук «design engineer» на DOU повертає 40 вакансій. Майже всі це інженери-конструктори з miltech: БпЛА, електроніка, RF-системи. Профільних дві: Cracken з Design Engineer у назві, і Cieden, де роль захована під «UX Designer». Окремої категорії «Design Engineer» ще немає ні на DOU, ні на Djinni.

Пошук «design engineer» на Djinni дає 61 вакансію, але профільна тільки одна: DOOR3, американська компанія, яка 20 серпня відкрила ремоут-позицію Product Design Engineer із формулюванням «one craft, not two stages with a handoff between them». Але в полі країн стоїть EU, тобто з профілем «Україна» подати заявку не вийде.

Про вибірку: усі вакансії, що висіли 27.08.2026 на DOU у категоріях Design (247) і Front End (86) та на Djinni у дизайнерських категоріях (164 унікальні) і в JavaScript та React.js (64). Скрипт завантажив повний текст кожної і шукав ключові слова: інструменти, технології, AI в усіх формах і згадки про код. Вакансії, що висять і на DOU, і на Djinni, зведені за парою «компанія плюс назва»: 29 таких збігів серед дизайнерських і 3 серед фронтендних. Після зведення лишилося 382 дизайнерські вакансії і 147 фронтендних.

4 із 382 — дизайнерських вакансій на DOU і Djinni просять design engineer по суті: дизайн і код в одній ролі

34 із 382 — згадують Claude, ще 15 — Cursor, 9 — v0 або Bolt, 4 — Lovable. AI як інструмент для коду є у 10% описів

196 із 382 містять слово AI в будь-якій формі. Половина ринку вже пише про AI, але здебільшого як про генерацію картинок

React згадують у 16 дизайнерських вакансіях із 382, TypeScript — у 4, HTML і CSS — у 48, Storybook — у 6. Тобто, код як вимога до дизайнера є у 4% описів. Для порівняння, у 147 фронтенд-вакансіях Claude згадують 24, а одна прямо просить «Figma skills with a design engineer mindset».

На Djinni 133 дизайнерські вакансії зі 164 повністю віддалені, на DOU 86 із 247. Єдина трейні-вакансія: jito.dev шукає Trainee UX/UI engineer, стажера, який працюватиме з Claude Code і Storybook, щоб «розуміти і правити фронтенд» під власні макети. Формулювання з опису: «You shouldn’t fear that AI will take your job; you should be the one who uses AI to do the work of three people». На цю вакансію 205 відгуків.

Тепер детальніше про зміст вакансій

Cieden, UX Designer (AI-Native / Design Engineer), дизайн-агенція, заснована у Львові 2016 року, зараз зареєстрована в Торонто з розподіленою командою на 40+ людей. Рівень middle, два-три роки досвіду. «Your delivery is a Vercel link, not just a deck». «Pet Projects: This is huge for us. We want to see your deployed side projects with real code». «Claude Code Mastery: Custom commands, agents, and workflow scripting». Figma в їхньому стеку описана як інструмент «for strategy and assets, not as the source of truth».

Зображення: Cieden на DOU: «Pet Projects: This is huge for us. We want to see your deployed side projects with real code» і «Claude Code Mastery: Custom commands, agents, and workflow scripting».

Onepage, конструктор сайтів, зроблений українцями, шукає Senior Product Designer й пише: «Ви збираєте швидкі прототипи в Figma, в коді, через Cursor і Claude Code». І далі: «якщо своїх навичок HTML, CSS чи React поки немає, важливо бути готовим заходити туди через Cursor і Claude Code».

Spaceberry Studio шукає Strong Junior UX/UI Designer, і серед задач стоїть «Build products from your own designs using an agentic development approach with tools such as Claude Code, Codex, and Cursor».

Скільки платять

Зарплатні зрізи DOU за літо 2026 дають дві медіани, які варто поставити поруч: дизайнерів і розробників.

$2 475 — медіана дизайнера, UI/UX і Product Design, 307 респондентів

$3 500 — медіана розробника, 4 541 респондент

Різниця понад тисячу доларів на місяць, і з досвідом вона не зникає. Дизайнер із 10+ роками досвіду має медіану $3 550, senior-розробник — $4 500, техлід — $5 500. Українських вилок для design engineer поки немає, але на глобальному ринку цю роль оплачують за інженерною шкалою, бо людина відповідає за код у продакшені. Для дизайнера це рух у бік вищої вилки.

Сфера в Україні вже розвивається

За 2026 рік на DOU вийшло щонайменше 4 матеріали від людей, які поєднують дизайн і код. Марія Нечипорук пише про скіли для Claude Code, Денис Осадчий про власний міст між Figma і Claude Code, Олена Івлєва про межу між генерацією і продуктом, Яна Лізгова про магазин, зібраний з Claude Code. І трохи пишу про це я.

Поруч з’являються курси. Володимир Мерленко випустив плагін Design Engineer для Claude Code, доступ за донат у фонд KOLO. Денис Осадчий веде md.academy (академію дизайн-інженерів). Алеся Бойко зібрала програму «AI Product Design & Design Engineering». Projector запускає «Build Your Startup with AI».

Як я шукала роботу інженером

Вакансій із назвою «design engineer» таки досить мало, як ви бачите. Тому я почала зі старого доброго способу і писала людям, з якими раніше працювала. Питала, чи є у них або в їхніх знайомих задача, де потрібен саме дизайн-інженер. Так, знайшовся проєкт, який я зараз веду вже другий місяць.

Вимоги до професії: зведений список

Американські, європейські та українські вакансії розділено за тим, як часто повторюються.

Повторюється майже в кожній вакансії:

• Фронтенд: React, TypeScript, семантичний HTML і сучасний CSS.
• Ownership: вести інтерфейс від ідеї до продакшену самостійно.
• Дизайн-система в коді: компоненти зі станами, токени, стандарти.
• Motion і мікроінтеракції: Framer Motion, CSS-анімації, чуття таймінгу.
• Прототипування в коді як щоденний спосіб роботи.
• Крафт: типографіка, лейаут, деталі.
• Доступність, адаптивність і продуктивність: семантика, фокус-стани, reduced motion, Core Web Vitals.
• AI-інструменти в щоденному процесі, Claude Code і Cursor, плюс власна оцінка того, що вони видають.
• Figma.
• Портфоліо з живими продуктами або робочими прототипами замість макетів.
• Комунікація: робота в парі з дизайнерами, інженерами й маркетологами, зрозуміле письмо.

Зустрічається залежно від компанії:

• Продуктове мислення: думати як PM, будувати як інженер.
• Самостійність без дизайн-команди, типова для стартапів.
• Перевірка прототипів на користувачах.
• Менторство і стандарти для команди у senior- і staff-ролях.
• Маркетингові сайти, конверсійні експерименти, SEO й аналітика у ролях Web & Brand.
• Headless CMS і контент-інфраструктура для великих сайтів.
• Інструменти для команди: плагіни для Figma, MCP-інтеграції, власні агенти й скіли.
• Інтеракційні патерни для AI-продуктів: показати, що робить агент, і дати людині це перевірити.
• Складні веб-інтеракції: WebGL, 3D, візуалізація даних.
• Англійська B2+ в українських і ремоут-вакансіях.

Вимоги з інших ролей:

• Технічний скринінг на рівні product engineer, архітектура і performance budgets (це планка staff-інженера).
• Деплої, технічний SEO, локалізація, incident response (це інженер веб-платформи).
• Electron і нативні UI-фреймворки (це десктоп-розробник).
• Перевести всю команду на AI-процес (це лідерська роль).

Співбесіда і портфоліо

У компаніях, які публічно описують процес, спільне одне: вас просять щось збудувати. Linear після розмов із рекрутером, менеджером і командою дає оплачуваний work trial на два-п’ять днів з доступом до Slack, Notion, GitHub і Figma. Оцінюють taste, judgment, ownership і product sense. Lovable проводить технічні інтерв’ю зі скринінгом на рівні product engineer і «в окремих випадках» оплачувану тестову роботу. Класичного портфоліо-рев’ю з гортанням кейсів майже не буває. За спостереженням Тома Скотта з Verified Insider, команди просять незакінчені файли й процес роботи, а володіння AI стало найпомітнішою лінією поділу між кандидатами.

Портфоліо design engineer починається з власного сайту, зробленого самостійно, з власними інтеракціями. Далі йдуть компоненти — з порожніми станами, станами помилок й доступністю, закладеною від початку. Гайд The Complete Guide to Design Engineering радить показувати їх у публічному Storybook із документацією, а поруч лишати історію комітів, з якої видно, як ви доводили деталі.

Підсумуємо

• В Україні половина дизайнерських вакансій згадує AI, 9% просять Claude чи Cursor, 4% React і лише 1% по суті шукає design engineer. У вакансіях уже просять дизайнера з інженерними навичками, але окремої посади й категорії під це ще не з’явилися.
• В Україні у роль можна зайти раніше, ніж на глобальному ринку. Там джуніорських вакансій нуль і планка 4–7+ років. Тут middle бере Cieden, junior Spaceberry, трейні jito.dev, хоч і без слова engineer у посаді.
• Медіана розробника в Україні на тисячу доларів вища за медіану дизайнера, і з досвідом розрив не зникає. На глобальному ринку design engineer оплачується за інженерною шкалою, Українських даних по цій ролі поки немає.

Що з цим робити:

• Шукайте вакансії за словами в описі: Claude Code, Cursor, React, prototype.
• Переводьте портфоліо на власний сайт, свої компоненти зі станами, Storybook, історію комітів.
• Починайте практикувати. Візьміть маленький власний біль, який давно хотілося закрити, і зберіть його як робочу річ без Figma, одразу через генерацію. Так ви звикнете до процесу, коли інтерфейс народжується з промпту. Anthropic щойно відкрила Claude Academy, безкоштовні курси й туторіали з Claude Code. Там можна перевірити на собі все, що описано вище.

P.S. Дані вакансій актуальні на 24–27.08.2026 і можуть змінюватися.