UXエンジニアは、ユーザー体験(UX)の設計とフロントエンドの実装の両方を担う職種です。Offers の正社員求人では、同じ役割はフロントエンドエンジニアや、UI(ユーザーインターフェース)とUXを設計するUI/UXデザイナーの求人の中に、条件のひとつとして書かれています。Offers に公開された正社員求人の本文を集計し、どの職種の求人にUXエンジニアの仕事があるのか、何が求められるのか、経験者がどう探せばよいのかをまとめました。

UXエンジニアの仕事内容と近い職種との違い

UXエンジニアの仕事は、ユーザーが迷わず使える画面や操作の流れを設計し、その設計をフロントエンドのコードで動く形にするところまでを1人で担うことです。UI/UXデザイナーが調査と画面の設計を中心に担い、フロントエンドエンジニアが実装を中心に担うのに対して、UXエンジニアは両者の間に立ち、設計の意図を落とさずに実装へ渡す役割を受け持ちます。会社によってはデザインエンジニアやUIエンジニアと呼ばれ、仕事の中身が近くても職名は揃っていません。

職種

主な担当

実装との関わり

UI/UXデザイナー

ユーザー調査、情報設計、画面のデザイン、プロトタイプ

設計をエンジニアに渡すことが多い

UXエンジニア(デザインエンジニア)

動くプロトタイプの実装、共通部品の実装と保守、アクセシビリティの改善、検証結果の画面への反映

設計から実装まで担う

フロントエンドエンジニア

画面の実装、状態管理、表示速度の改善、APIとの接続

実装が中心で、設計はデザイナーから受け取る

UXエンジニアが日々担う仕事

UXエンジニアが日々担う仕事は、動くプロトタイプを作って検証を早めることと、共通部品を整えて設計と実装のずれを減らすことの2つに大きく分かれます。静止画の設計だけでは伝わりにくい操作の感触を、早い段階でコードにして確かめられるのがこの職種の強みです。

  • Figma などで作られた設計を操作できるプロトタイプとして実装し、ユーザビリティテストにかける
  • ボタンや入力欄などの共通部品(コンポーネント)を、デザイナーと合意した仕様で実装し、デザインシステムとして保守する
  • 画面の読み上げやキーボード操作への対応など、アクセシビリティ(障害のある人や高齢の人を含め、誰もが使える状態)を改善する
  • アニメーションや画面遷移のように、静止画では詰めきれない動きを実装で調整する
  • 利用状況の数字やユーザーの声をもとに、画面の改善を提案して実装する

UXエンジニアの職名はOffers の求人の0.1%未満

Offers に公開された正社員求人のうち、タイトルに「UXエンジニア」「デザインエンジニア」「UIエンジニア」などを含むものは0.1%未満でした(Offers(株式会社overflow)調べ・正社員求人 n=3,308・2022年3月〜2026年9月公開・2026年10月集計)。

一方で、同じ役割はほかの職名の求人に、条件として書かれています。フロントエンドエンジニアの求人ではUXへの理解や経験が、UI/UXデザイナーの求人ではコーディングの知識や経験が、必須条件や歓迎条件として一定の割合で載るのが集計から見える実態です。

フロントエンドエンジニア求人の2割弱が必須・歓迎条件にUXを挙げる

Offers に公開された正社員のフロントエンドエンジニア求人では、UX・ユーザー体験・ユーザビリティ・使い勝手・使いやすさのいずれかの語が必須条件・歓迎条件にある求人が17.9%、業務内容の説明まで含めた求人本文全体では41.1%でした。条件としては、UI/UXデザインの経験、UI/UXの改善経験、UI/UXの設計経験、UI/UXへのこだわりといった書き方が見られました。

フロントエンドエンジニア求人に載る語

求人本文全体

必須・歓迎条件

UX・ユーザー体験・ユーザビリティ・使い勝手・使いやすさ

41.1%

17.9%

Figma

20.5%

7.9%

アクセシビリティ・WCAG

9.9%

6.0%

デザインシステム

7.9%

5.3%

ユーザーリサーチ・ユーザーインタビュー・ユーザーヒアリング・顧客ヒアリング・ユーザビリティテストなど

7.9%

2.0%

出所: Offers(株式会社overflow)調べ・フロントエンドエンジニアの正社員求人 n=151・2022年6月〜2026年5月公開・2026年10月集計。

フロントエンドの求人がUXに触れていても、ユーザーリサーチやユーザーヒアリングなど調査の語を必須・歓迎条件に書く求人は2.0%とほぼありません。フロントエンドの求人でUXエンジニアに近い仕事を探す場合、問われるのは調査の経験よりも、設計の意図をくみ取って実装し、使いやすさを改善した経験だと考えられます(求人の記載率からの編集部の推測です)。

UI/UXデザイナー求人の93件中35件がコーディングの知識や経験を挙げる

Offers に公開された正社員のUI/UX・プロダクトデザイナー求人93件のうち、HTML(HyperText Markup Language)・CSS(Cascading Style Sheets)・React・TypeScript・コーディング・マークアップ・プログラミング・フロントエンドの開発や実装などの語が必須条件・歓迎条件にある求人は35件、求人本文全体では40件でした。

必須・歓迎条件の書き方はHTML・CSSの基礎知識や基本的な理解を求めるものが多く、コーディングや実装の経験まで求める求人は一部にとどまります。

同じ93件の求人本文では、Figma の語がある求人が72件、ユーザーリサーチ・ユーザーインタビュー・ユーザーヒアリング・顧客インタビューなど調査の語がある求人が49件、デザインシステムの語がある求人が36件でした。

デザイナーの求人から入る場合、Figma での設計に加えて、調査や共通部品づくりの経験も問われる点に注意が必要です。求人本文に載るスキルと年収の関係は「UI/UXデザイナー・UXエンジニアの年収と求人のスキル」で詳しく扱っています。

UXエンジニアの求人は職名だけでなく条件の語で探す

UXエンジニアの求人は、職名での検索に加えて、フロントエンドエンジニアとUI/UXデザイナー・プロダクトデザイナーの求人を対象に、必須条件・歓迎条件と業務内容に載る語で絞り込むと取りこぼしにくくなります。実装が強みならフロントエンドの求人から、設計が強みならデザイナーの求人から入るのが近道です。

自分の強み

探す職種

絞り込みに使う語

求人で確かめる点

実装(エンジニア出身)

フロントエンドエンジニア

UI/UX、ユーザー体験、ユーザビリティ、アクセシビリティ、デザインシステム、Figma

社内にデザイナーがいるか、実装者が設計の議論に加われるか

設計(デザイナー出身)

UI/UXデザイナー、プロダクトデザイナー

コーディング、HTML、CSS、React、TypeScript、プロトタイプ

実装をどこまで任されるか、エンジニアとの分担

設計と実装の両方

上の両方と、デザインエンジニア

デザインシステム、プロトタイプ、アクセシビリティ

共通部品を持つのがどのチームか

業務内容でデザイナーとエンジニアの分担を確かめる

条件の語で絞り込んだ求人は、業務内容の説明でデザイナーとエンジニアの分担を確かめると、入社後の仕事の中身を見誤りにくくなります。同じUI/UXの語でも、設計の議論に加わって実装まで担う求人と、デザイナーが作った画面を正確に組むことを求める求人では、UXエンジニアとしての経験の積み方が大きく違ってくるためです。

  • 社内にデザイナーが何人いて、設計の最終判断を誰がするか
  • プロトタイプづくりやユーザビリティテストに、エンジニアが加わるか
  • デザインシステムや共通部品の保守を、どのチームが受け持つか
  • 担当する画面の利用状況の数字を、自分で見られるか

求人票で分からない点は、カジュアル面談や一次面接で質問しておくと入社後のずれを減らせます。Offers Jobs なら、フロントエンドエンジニアやUI/UXデザイナーを含むIT職の公開求人を会員登録なしで検索可能です。

UXエンジニアの仕事を含む求人の年収帯

UXエンジニアの仕事を含む求人の年収帯は、どちらの職種の求人から入るかで上限が変わります。

Offers に公開された正社員求人の提示年収では、フロントエンドエンジニアの求人が下限の中央値500万円・上限の中央値960万円、UI/UX・プロダクトデザイナーの求人が下限の中央値500万円・上限の中央値800万円でした(Offers(株式会社overflow)調べ・年収の記載がある正社員求人 フロントエンド n=150/UI/UX・プロダクトデザイナー n=93・2026年10月集計)。

職種

下限の中央値

上限の中央値

上限800万円以上の求人

上限1,000万円以上の求人

フロントエンドエンジニア(150件)

500万円

960万円

107件(71.3%)

72件(48.0%)

UI/UX・プロダクトデザイナー(93件)

500万円

800万円

53件

25件

出所: Offers(株式会社overflow)調べ・年収の記載がある正社員求人・フロントエンドは2022年6月〜2026年5月、UI/UX・プロダクトデザイナーは2022年11月〜2026年7月の公開・2026年10月集計。

上限は経験と役割が合う人に出せる額を示し、応募者の全員に提示される額ではありません。フロントエンドの求人のほうが上限の中央値が高く、上限1,000万円以上の求人も、フロントエンドは150件中72件と半数近くあるのに対し、UI/UX・プロダクトデザイナーは93件中25件です。実装の経験を軸にして、フロントエンドの求人でUXの経験を活かす道は、年収の面でも十分に選べる選択肢です。スキルの有無と提示年収の関係は「UI/UXデザイナー・UXエンジニアの年収と求人のスキル」にまとめています。

UXエンジニアの転職で求められるスキルと経験

UXエンジニアの転職で求められるのは、ReactとTypeScriptを中心にしたフロントエンドの実装力を土台に、Figma の設計の読み取り、アクセシビリティ、デザインシステムといった設計側の経験を重ねたスキルです。Offers のフロントエンドエンジニアの正社員求人では、本文全体にReactが78.8%、TypeScriptが72.2%の割合で載っていました(Offers(株式会社overflow)調べ・正社員求人 n=151・2022年6月〜2026年5月公開・2026年10月集計)。

実装のスキルはReactとTypeScriptが中心

UXエンジニアの実装のスキルは、ReactとTypeScriptを使った画面の実装が中心です。フロントエンドエンジニアの求人の必須条件・歓迎条件ではReactが67.5%、TypeScriptが44.4%に載り、求人本文全体ではVueが53.6%、Next.jsが40.4%でした。プロトタイプを素早く作り、検証した結果を本番の画面まで持っていくには、求人に多く出てくるフレームワークでの実務経験が問われる場面が多くなります。

設計のスキルはFigma・アクセシビリティ・デザインシステム

UXエンジニアの設計のスキルは、Figma で作られた設計を読み取って意図を確かめる力、アクセシビリティに配慮した画面を作る力、デザインシステムの共通部品を設計して保守する力の3つです。フロントエンドエンジニアの求人で必須条件・歓迎条件に Figma の語がある求人は7.9%、アクセシビリティの語がある求人は6.0%と、いずれも1割に届きません。

設計の経験を持つ実装者は、条件に挙げる求人に応募するとき、ほかの応募者との違いとして示しやすい立場にあると考えられます(求人の記載率からの編集部の推測です)。

UXエンジニアへの移り方は出身職種で異なる

UXエンジニアへの移り方は、デザイナー出身なら実装の経験を、エンジニア出身なら設計に加わった経験を、今の職場で先に積んでから転職するのが確実です。必須条件に3年以上・5年程度・半年以上・5+ years のような経験の長さを書く求人は、フロントエンドエンジニアで51.0%、UI/UX・プロダクトデザイナーで93件中65件でした(Offers(株式会社overflow)調べ・正社員求人 フロントエンド n=151/UI/UX・プロダクトデザイナー n=93・2026年10月集計)。

UXエンジニアに近い求人は経験者に向けたものが中心で、今の職種での実務経験が応募の土台になります。もう片方の経験は、担当業務の中で少しずつ足していく順番が現実的です。

  • デザイナー出身なら、自分が設計した画面のマークアップやプロトタイプの実装を担当し、デザインシステムの部品をコードで管理する作業に加わる
  • エンジニア出身なら、ユーザビリティテストやデザインレビューに同席し、アクセシビリティの改善を担当範囲として引き受け、Figma の設計に対して実装の制約を早めに伝える

Webデザイナーから実装を広げてデザインエンジニアになった経緯を書いたのが「私がデザインエンジニアになるまでのキャリア」です。

ポートフォリオと職務経歴書でUXエンジニアの経験を示す方法

UXエンジニアとして応募するときは、1つの改善事例の中で、課題の発見から設計、実装、検証の結果までを自分の担当としてつなげて示すと、設計と実装の両方を担えることが伝わります。デザイナーの求人ではポートフォリオを求められることが多く、UI/UX・プロダクトデザイナーの正社員求人93件中46件と約半数が、求人本文か選考プロセスのどこかでポートフォリオの語に触れていました(Offers(株式会社overflow)調べ・正社員求人 n=93・2022年11月〜2026年7月公開・2026年10月集計)。

フロントエンドエンジニアの求人で必須条件にポートフォリオを挙げるものは0.7%で、実装側の経験は主に職務経歴書で伝えることになります。どちらの書類でも、事例ごとに次の4点を揃えておくと、面接での説明にもそのまま使えます。

  • どの画面のどんな使いにくさを、どの数字やユーザーの声から見つけたか(課題)
  • 自分が関わった調査・プロトタイプ・デザインレビューの範囲(設計)
  • 使った技術と、設計の意図を守るために実装で工夫した点(実装)
  • 改善の前後で変わった、操作の完了率や問い合わせの件数などの数字(結果)

見せ方の詳細は、エンジニア側は「エンジニア転職で差がつくポートフォリオの作り方」、デザイナー側は「デザイナー転職に必要なポートフォリオ」を参考にしてください。

UXエンジニアのキャリアパスは3方向に分かれる

UXエンジニアの経験を積んだ先は、デザインシステムやプロトタイピングの専門性を深めてチームを率いる道、フロントエンドのテックリードとして技術の方針を決める道、プロダクトマネージャーとしてプロダクトの方向を決める道の3方向に分かれます。どの道でも、設計と実装の両方を理解していることは、デザイナーとエンジニアの間の調整役を任される理由になり得る経験です。

リードやマネージャーの職は、メンバーとは別の求人として募集されることがあります。担当してきた改善の数字と、関わった職種の広さを職務経歴書に書き留めておくことが、次の段階の求人に応募するときの準備です。

UXエンジニアの転職の要点

UXエンジニアという職名の正社員求人は Offers では0.1%未満で(Offers(株式会社overflow)調べ・正社員求人 n=3,308)、同じ役割はフロントエンドエンジニアの求人のUXの条件や、UI/UXデザイナーの求人のコーディングの条件に分かれて書かれているのが実態です。フロントエンドエンジニアの求人の17.9%が必須・歓迎条件にUXを、UI/UX・プロダクトデザイナーの求人の93件中35件がコーディング・マークアップ・フロントエンドの開発などの語を書いていました。

転職先を探すときは、自分の強みが実装か設計かで入口の職種を選び、条件の語で絞り込んでから、業務内容でデザイナーとエンジニアの分担を確かめてください。Offers Jobs では、会員登録なしでIT職の公開求人をポジションやキーワードで検索できます。