UXエンジニアは、ユーザー体験(UX)の設計とフロントエンドの実装の両方を担う職種です。Offers の正社員求人では、同じ役割はフロントエンドエンジニアや、UI(ユーザーインターフェース)とUXを設計するUI/UXデザイナーの求人の中に、条件のひとつとして書かれています。Offers に公開された正社員求人の本文を集計し、どの職種の求人にUXエンジニアの仕事があるのか、何が求められるのか、経験者がどう探せばよいのかをまとめました。
UXエンジニアの転職事情と求人の探し方・必要なスキル
株式会社overflow
Offers Magazine 編集部Offers Magazine 編集部は、株式会社overflow が運営する転職サービス Offers の編集チームです。エンジニア・PdM・AI人材のキャリア・年収・転職活動に役立つ情報を届けています。
UXエンジニアの仕事内容と近い職種との違い
UXエンジニアの仕事は、ユーザーが迷わず使える画面や操作の流れを設計し、その設計をフロントエンドのコードで動く形にするところまでを1人で担うことです。UI/UXデザイナーが調査と画面の設計を中心に担い、フロントエンドエンジニアが実装を中心に担うのに対して、UXエンジニアは両者の間に立ち、設計の意図を落とさずに実装へ渡す役割を受け持ちます。会社によってはデザインエンジニアやUIエンジニアと呼ばれ、仕事の中身が近くても職名は揃っていません。
職種 | 主な担当 | 実装との関わり |
|---|---|---|
UI/UXデザイナー | ユーザー調査、情報設計、画面のデザイン、プロトタイプ | 設計をエンジニアに渡すことが多い |
UXエンジニア(デザインエンジニア) | 動くプロトタイプの実装、共通部品の実装と保守、アクセシビリティの改善、検証結果の画面への反映 | 設計から実装まで担う |
フロントエンドエンジニア | 画面の実装、状態管理、表示速度の改善、APIとの接続 | 実装が中心で、設計はデザイナーから受け取る |
UXエンジニアが日々担う仕事
UXエンジニアが日々担う仕事は、動くプロトタイプを作って検証を早めることと、共通部品を整えて設計と実装のずれを減らすことの2つに大きく分かれます。静止画の設計だけでは伝わりにくい操作の感触を、早い段階でコードにして確かめられるのがこの職種の強みです。
- Figma などで作られた設計を操作できるプロトタイプとして実装し、ユーザビリティテストにかける
- ボタンや入力欄などの共通部品(コンポーネント)を、デザイナーと合意した仕様で実装し、デザインシステムとして保守する
- 画面の読み上げやキーボード操作への対応など、アクセシビリティ(障害のある人や高齢の人を含め、誰もが使える状態)を改善する
- アニメーションや画面遷移のように、静止画では詰めきれない動きを実装で調整する
- 利用状況の数字やユーザーの声をもとに、画面の改善を提案して実装する
UXエンジニアの役割が載るフロントエンドとデザイナーの求人
UXエンジニアの役割は、ほかの職名の求人に条件として書かれています。フロントエンドエンジニアの求人では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件中28件が必須・歓迎条件にHTML・CSS・Reactなどの語を書く
Offers に公開された正社員のUI/UX・プロダクトデザイナー求人93件のうち、HTML(HyperText Markup Language)・CSS(Cascading Style Sheets)・React・Vue・TypeScript・JavaScript・コーディングのいずれかの語が必須条件・歓迎条件にある求人は28件、求人本文全体では32件でした(Offers(株式会社overflow)調べ・正社員求人 n=93・2022年11月〜2026年7月公開・2026年10月集計)。
これらの語がある必須・歓迎条件には、HTML・CSSの基礎知識や基本的な理解を求める書き方が多く見られます。
同じ93件の求人本文では、Figma の語がある求人が72件、ユーザーリサーチ・ユーザーインタビュー・ユーザビリティテスト・ユーザーテストの語がある求人が39件、デザインシステムの語がある求人が36件でした。
デザイナーの求人から入る場合、Figma での設計に加えて、調査や共通部品づくりの経験も問われる点に注意が必要です。ユーザーリサーチや定量分析など、求人が条件に挙げる語ごとの年収帯は「UXデザイナーの年収|統計と求人で見る相場」で詳しく扱っています。
UXエンジニアの求人は職名だけでなく条件の語で探す
UXエンジニアの求人は、職名での検索に加えて、フロントエンドエンジニアとUI/UXデザイナー・プロダクトデザイナーの求人を対象に、必須条件・歓迎条件と業務内容に載る語で絞り込むと取りこぼしにくくなります。実装が強みならフロントエンドの求人から、設計が強みならデザイナーの求人から入るのが近道です。
自分の強み | 探す職種 | 絞り込みに使う語 | 求人で確かめる点 |
|---|---|---|---|
実装(エンジニア出身) | フロントエンドエンジニア | UI/UX、ユーザー体験、ユーザビリティ、アクセシビリティ、デザインシステム、Figma | 社内にデザイナーがいるか、実装者が設計の議論に加われるか |
設計(デザイナー出身) | UI/UXデザイナー、プロダクトデザイナー | コーディング、HTML、CSS、React、TypeScript、プロトタイプ | 実装をどこまで任されるか、エンジニアとの分担 |
設計と実装の両方 | 上の両方と、デザインエンジニア | デザインシステム、プロトタイプ、アクセシビリティ | 共通部品を持つのがどのチームか |
業務内容でデザイナーとエンジニアの分担を確かめる
条件の語で絞り込んだ求人は、業務内容の説明でデザイナーとエンジニアの分担を確かめると、入社後の仕事の中身を見誤りにくくなります。同じUI/UXの語でも、設計の議論に加わって実装まで担う求人と、デザイナーが作った画面を正確に組むことを求める求人では、UXエンジニアとしての経験の積み方が大きく違ってくるためです。
- 社内にデザイナーが何人いて、設計の最終判断を誰がするか
- プロトタイプづくりやユーザビリティテストに、エンジニアが加わるか
- デザインシステムや共通部品の保守を、どのチームが受け持つか
- 担当する画面の利用状況の数字を、自分で見られるか
求人票で分からない点をカジュアル面談や一次面接で質問しておくことが、入社後のずれを減らす近道です。Offers Jobs の企業一覧 では、掲載中の企業ごとに事業の紹介と募集中の求人を確かめられます。
UXエンジニアの仕事を含む求人の年収帯
UXエンジニアの仕事を含む求人の年収帯は、どちらの職種の求人から入るかで上限が変わります。Offers の正社員求人の提示年収では、フロントエンドエンジニアの求人が下限の中央値500万円・上限の中央値900万円、UI/UX・プロダクトデザイナーの求人が500万円・800万円でした(Offers(株式会社overflow)調べ・年収の下限と上限を記載した正社員求人 フロントエンドエンジニア n=184・UI/UX・プロダクトデザイナー n=93・2022年11月〜2026年7月公開)。
上限は経験と役割が合う人に出せる額で、応募者の全員に提示される額ではありません。職種ごとの件数と上限1,000万円以上の求人の数を並べた比較表と、実装の経験を軸にした求人の選び方は「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・2022年6月〜2026年5月公開/UI/UX・プロダクトデザイナー n=93・2022年11月〜2026年7月公開・2026年10月集計)。
UXエンジニアに近い求人は経験者に向けたものが中心で、今の職種での実務経験が応募の土台になります。もう片方の経験は、担当業務の中で少しずつ足していく順番が現実的です。
- デザイナー出身なら、自分が設計した画面のマークアップやプロトタイプの実装を担当し、デザインシステムの部品をコードで管理する作業に加わる
- エンジニア出身なら、ユーザビリティテストやデザインレビューに同席し、アクセシビリティの改善を担当範囲として引き受け、Figma の設計に対して実装の制約を早めに伝える
Webデザイナーから実装を広げてデザインエンジニアになった経緯を書いたのが「デザインエンジニアになるまでのキャリア|デザインとコードを行き来した経歴」です。
ポートフォリオと職務経歴書でUXエンジニアの経験を示す方法
UXエンジニアとして応募するときは、1つの改善事例の中で、課題の発見から設計、実装、検証の結果までを自分の担当としてつなげて示すと、設計と実装の両方を担えることが伝わります。デザイナーの求人ではポートフォリオを求められることが多く、UI/UX・プロダクトデザイナーの正社員求人93件中46件と約半数が、求人本文か選考プロセスのどこかでポートフォリオの語に触れていました(Offers(株式会社overflow)調べ・正社員求人 n=93・2022年11月〜2026年7月公開・2026年10月集計)。
フロントエンドエンジニアの求人で必須条件にポートフォリオを挙げるものは0.7%で、実装側の経験は主に職務経歴書で伝えることになります(Offers(株式会社overflow)調べ・フロントエンドエンジニアの正社員求人 n=151・2022年6月〜2026年5月公開・2026年10月集計)。どちらの書類でも、事例ごとに次の4点を揃えておくと、面接での説明にもそのまま使えます。
- どの画面のどんな使いにくさを、どの数字やユーザーの声から見つけたか(課題)
- 自分が関わった調査・プロトタイプ・デザインレビューの範囲(設計)
- 使った技術と、設計の意図を守るために実装で工夫した点(実装)
- 改善の前後で変わった、操作の完了率や問い合わせの件数などの数字(結果)
見せ方の詳細は、エンジニア側は「エンジニアのポートフォリオ一覧|職種別の中身と作り方」、デザイナー側は「デザイナー転職に必要なポートフォリオ」を参考にしてください。
UXエンジニアのキャリアパスは3方向に分かれる
UXエンジニアの経験を積んだ先は、デザインシステムやプロトタイピングの専門性を深めてチームを率いる道、フロントエンドのテックリードとして技術の方針を決める道、プロダクトマネージャーとしてプロダクトの方向を決める道の3方向に分かれます。どの道でも、設計と実装の両方を理解していることは、デザイナーとエンジニアの間の調整役を任される理由になり得る経験です。
リードやマネージャーの職は、メンバーとは別の求人として募集されることがあります。担当してきた改善の数字と、関わった職種の広さを職務経歴書に書き留めておくことが、次の段階の求人に応募するときの準備です。
UXエンジニアの転職の要点
UXエンジニアの役割は、フロントエンドエンジニアの求人のUXの条件や、UI/UXデザイナーの求人のコーディングの条件に分かれて書かれているのが実態です。
フロントエンドエンジニアの求人の17.9%が必須・歓迎条件にUXを、UI/UX・プロダクトデザイナーの求人の93件中28件がHTML・CSS・React・Vue・TypeScript・JavaScript・コーディングのいずれかの語を必須・歓迎条件に書いていました(Offers(株式会社overflow)調べ・正社員求人 フロントエンド n=151・2022年6月〜2026年5月公開/UI/UX・プロダクトデザイナー n=93・2022年11月〜2026年7月公開・2026年10月集計)。
転職先を探すときは、自分の強みが実装か設計かで入口の職種を選び、条件の語で絞り込んでから、業務内容でデザイナーとエンジニアの分担を確かめてください。気になる企業が見つかったら、Offers Jobs の企業一覧 で事業の紹介と募集中の求人を見比べてください。
AI 時代のエンジニア転職は Offers で
あなたのキャリアに合った求人やスカウトが届く、エンジニア向け転職サービスです。
無料ではじめる正社員の求人を探す
Offers Jobs でエンジニアの正社員の求人を探せます。
求人を見る関連記事
- 転職
オファー面談で聞くこと|転職で労働条件を確かめる7項目
オファー面談で聞くことは、年収の内訳、等級と評価、株式報酬、入社日、試用期間、働き方、配属と業務の7項目に分けると漏れません。
株式会社overflow
Offers Magazine 編集部
- 転職
ベンチャーの最終面接|通過率の見方と担当者別の対策
ベンチャー企業の最終面接は、代表やCTOなど経営層が担当することが多く、入社後の役割と会社の方向に納得しているかを確かめる場です。通過率の数字を追うより、面接官と選考の流れを確かめて準備します。
株式会社overflow
Offers Magazine 編集部
- 転職
SES退職の流れと注意点|自社開発への転職準備
SESを退職するときに誰へ・いつ伝えるか、客先との契約の途中でも辞められる法的な根拠、損害賠償や違約金を求められたときの考え方を整理しました。自社開発に触れる求人が必須条件で求める経験と、在職中に転職活動を進める段取りも分かります。
株式会社overflow
Offers Magazine 編集部
- 転職
カジュアル面談とは?面接との違いと選考を兼ねる面談
カジュアル面談とは、選考に進む前に企業と候補者が互いを知る場で、合否は出しません。ただ面談を1次面接の位置に置く求人もあります。面接との違い、選考を兼ねる面談の見分け方、当日までの準備をまとめました。
株式会社overflow
Offers Magazine 編集部
- 転職
LinkedIn転職の進め方|公開範囲の設定と求人の探し方
LinkedInで転職を進めるときの、プロフィールの整え方、Open to Workの3つの公開範囲の選び方、現職に知られにくくする設定、スカウトへの返し方、求人の探し方を、LinkedInのヘルプと公的統計をもとにまとめました。
株式会社overflow
Offers Magazine 編集部
- 転職
リファラル採用で落ちる理由と対策|IT職の紹介転職
友人や元同僚の紹介で応募したのに落ちるのはなぜか。リファラル採用で不採用になる理由を、エンジニア・デザイナー・PdMの選考の実態から整理し、紹介を受ける前に確かめることと、落ちたあとの紹介者との向き合い方をまとめました。
株式会社overflow
Offers Magazine 編集部