PDE, the New AI-Era Role: Up to $220K and How to Break In

Concept: A new role that independently handles product planning, UX/UI design, production code in React and TypeScript, and deployment.

Background: It emerged as AI coding tools such as Claude Code, Cursor, and v0 lowered the barrier between design and development.

Compared with product designers: PDEs go beyond Figma mockups by working directly in the production codebase, building features, and deploying them.

Compared with frontend developers: Rather than receiving a finished design and focusing only on implementation, PDEs determine the UX/UI flow and visual quality themselves.

For designers: Build development skills by learning HTML/CSS, JavaScript, React/TypeScript, Git, and pull-request workflows.

For frontend developers: Strengthen design judgment through UX planning, layout, typography, Figma, design systems, and user testing.

Portfolio essentials: A complete set containing the design-planning process, a working website, and the GitHub code.

Hiring market: Official roles paying approximately $120,000–$220,000 are active overseas. Korea is still in the early stage, using titles such as “AI Product Designer” and “UX/UI Designer — AI Agent.”

Caution: Determine whether the role offers genuine product-planning authority or is simply an underpaid position combining development and design workloads.