UX/UI 디자이너, 코드를 다시 만나 Design Engineer로 거듭나다
UX/UI 디자이너가 프론트엔드 개발 경험을 바탕으로 'Design Engineer'라는 새로운 역할에 대한 개인적인 경험을 공유
디자인 엔지니어(Design Engineer)는 UX, 코드, 백엔드(Backend)를 이해하고, 사용자 경험(UX)과 구현(Implementation)을 통합하는 역할
AI 기반 디자인 도구(Figma)와 React, JavaScript, Node.js를 활용하여 UX 디자인과 개발의 경계를 허무는 시도를 보여줌
Design Engineer의 정의와 역할
글쓴이는 Design Engineer를 UX, 코드, 백엔드(Backend)를 모두 이해하고, 디자인과 구현을 통합하는 사람으로 정의한다. 이는 단순히 디자인과 개발을 병행하는 것이 아니라, 사용자 경험(UX)을 고려한 인터페이스 설계와 구현 가능성을 동시에 고려하는 사고방식을 의미한다.
디자인 시스템(Design System) 구축, API 호출(API Call) 고려
로딩(Loading), 에러(Error), 비활성 상태(Disabled State) 등 다양한 상태(State)를 고려한 UI 설계
데이터 기반 UX(Data-Driven UX)를 통해 사용자 행동 데이터를 분석하고, 디자인 개선에 활용
UX와 프론트엔드 개발 경험의 융합
글쓴이는 프론트엔드 개발 경험을 통해 HTML, CSS, JavaScript를 활용하여 인터페이스 구조와 디자인을 이해했다. UX/UI 디자이너로 전환 후에는 사용자 조사, 플로우 설계, 디자인 시스템 구축 등 제품 전체를 아우르는 시야를 갖게 되었다. 현재는 React, JavaScript, Node.js를 학습하며 UX 디자인과 개발의 경계를 허물고, 시너지를 창출하려는 노력을 보여준다.
Figma와 AI 통합을 통해 디자인 프로세스 효율화
React 컴포넌트(Component) 기반 UI 설계
Node.js/Express를 활용한 백엔드(Backend) 지식 습득
Design Engineer의 미래와 학습 방향
글쓴이는 Design Engineer가 특정 직함이 아닌, UX와 코드의 융합을 추구하는 사고방식(Way of Thinking)이라고 강조한다. AI 기반 디자인 도구 활용, React 컴포넌트(Component) 기반 UI 설계, 데이터 기반 UX(Data-Driven UX)를 통해 지속적인 학습과 성장을 강조한다.
React 컴포넌트(Component) 기반 UI 설계 및 성능 최적화
데이터 기반 UX(Data-Driven UX)를 위한 데이터 분석 능력 향상
UX 디자인과 개발의 협업(Collaboration)을 위한 커뮤니케이션 능력 강화
