디자인 엔지니어: 핸드오프 없이 UI를 끝내는 직함

같은 회사에서 보안 엔지니어보다 높은 연봉 구간이 붙는다

램프의 뉴욕 공고에서 디자인 엔지니어의 연봉 구간은 $172K에서 $440K다. 같은 회사가 올린 시니어 보안 엔지니어 공고는 $236K에서 끝난다. 하한이 같고 상한이 두 배 가까이 벌어졌다. 핀테크 회사가 보안 경력보다 화면 마감에 더 높은 값을 걸 수 있다고 판단한 셈이다.

직함이 가리키는 일은 단순하다. 시안을 그려 개발자에게 넘기는 대신 아이디어를 곧장 프로덕션 코드로 만든다. 인터랙션과 모션, 디자인 시스템, 접근성까지 사용자가 손으로 만지는 층 전부가 한 사람 범위다. 디자이너가 코드를 익힌 경우도 있고 프런트엔드 개발자가 디자인 눈을 키운 경우도 있다. 뽑는 쪽이 보는 건 출신이 아니라 넘겨주지 않고 끝내느냐다. 스펙 전체를 소유하는 프로덕트 엔지니어와도 결이 다르다. 무엇을 만들지보다 어떻게 보이고 움직이는지가 이 자리의 승부처다.

버셀이 이 직함을 알린 대표 격이다. 그곳 디자인 엔지니어는 마케팅 지면부터 제품 UI, 사내 디자인 시스템까지 가로질러 일한다. 깃허브와 우버에도 비슷한 자리가 있고, 뮌헨의 스타트업 메르쿠라 같은 작은 회사까지 같은 직함으로 뽑기 시작했다. 미국 대형 제품 회사의 전유물이던 이름이 채용 시장 전반으로 번지는 중이다.

수요가 늘어나는 배경에 생성 도구가 있다. 그럴듯한 UI를 누구나 몇 분 만에 뽑는 시기가 되자 어중간한 화면의 값은 떨어지고, 마지막 5%를 끝내는 손의 값이 올랐다. 램프 공고의 요구 스택에 리액트, 타입스크립트와 나란히 LLM이 적힌 이유다. 도구가 초안을 만들고 사람이 마감을 책임진다.

프로덕션 수준 프런트엔드가 바탕이다

바탕은 프로덕션 수준 프런트엔드다. 리액트와 타입스크립트로 성능 저하 없이 모션을 얹을 수 있어야 하고, CSS는 프레임워크에 기대지 않고도 손에 붙어 있어야 한다. 그 위에 디자인 기본기가 얹힌다. 타이포그래피, 간격, 색 대비를 스스로 판단할 수 있어야 디자이너 없는 자리에서 결정이 선다.

• 디자인 시스템: 토큰 설계와 컴포넌트 API. 만든 사람이 떠나도 남이 확장할 수 있는 구조
• 인터랙션 구현: 스프링 물성, 이징, 드래그 같은 세부를 코드로. 라이브러리를 왜 골랐는지 설명할 수 있는 수준
• 프로토타이핑 속도: 회의에서 말로 다투는 대신 다음 날 돌아가는 데모를 가져오는 습관
• 접근성: 키보드 조작과 스크린리더 대응. 마감 품질의 일부지 별도 항목이 아니다
• 생성 도구 운용: LLM으로 초안을 뽑고 걸러내는 손. 램프 공고가 요건으로 명시한다

포트폴리오 기준이 다른 직군과 다르다. 시안 이미지는 증거가 안 된다. 배포된 링크, 눌러 볼 수 있는 인터랙션, 남이 실제로 쓰는 디자인 시스템만 셈에 들어간다.

프런트엔드 개발자에서 시작해 결정권을 가져온다

시작은 대개 프런트엔드 개발자다. 주니어 구간에서 디자인 시스템 컴포넌트에 기여하며 디자인 결정을 어깨너머로 흡수한다. 시니어가 되면 제품 지면 하나의 룩앤필을 통째로 소유하고 디자이너와 대등하게 시각 결정에 참여한다. 스태프 구간은 디자인 시스템과 브랜드 표현 전반을 책임지며 채용 기준을 만드는 자리다.

보상은 회사에 따라 편차가 크다. 빌트인 집계로 2026년 미국 디자인 엔지니어 평균 기본급은 $148,301, 범위는 $83K에서 $233K다. 램프의 상한 $440K와의 거리가 이 직군의 현재를 보여준다. 평균적인 회사에서는 프런트엔드 개발자와 비슷하게 받고, 마감 품질로 경쟁하는 소수 제품 회사에서는 보안 엔지니어를 넘어선다.

국내 채용 공고에서 이 직함은 아직 드물다. 같은 일이 프런트엔드 개발자 공고 안에 “디자인 시스템 구축 경험 우대” 한 줄로 숨어 있는 경우가 많다. 직함이 없다고 경로가 없는 건 아니어서, 국내 지원자에게 실질적인 준비는 배포된 데모 하나를 끝까지 다듬는 쪽이다. 새 작업을 늘리기보다 있는 것 하나에 다크 모드 대비, 키보드 포커스, 이징 값까지 마저 채워 두는 편이 낫다. 링크를 열고 30초 만지면 마감이 어디까지인지 그대로 드러난다.