UX/UI · PM/PO · Design 총괄

김지유

UX/UI 를 그리고, 정책을 정하고, AI 와 함께 만듭니다.

UX/UI 디자이너로 시작해 제품 관리까지 맡고 있습니다. 화면을 그리고, 그 화면이 따르는 정책을 정하고, Claude Code 와 함께 코드까지 직접 만듭니다. 설계에서 배포까지 한 사람이 끝까지 갑니다.

디자인과 제품 관리를 나눠 맡지 않고 하나의 판으로 다룹니다. 화면에 쓰인 단어가 곧 제품의 약속이고, 그 약속을 지킬 수 있는지는 정책과 일정에서 결정되기 때문입니다.

작업은 Claude Code 와 함께 합니다. Figma 에서 멈추지 않고 디자인 시스템과 화면, 정본까지 코드로 직접 만듭니다. 백엔드를 뺀 제품 표면 대부분이 그렇게 나왔습니다. 도구가 손을 늘려 준 만큼 판단할 일이 늘어나는데, 무엇을 정본으로 삼고 무엇을 기계에 맡길지를 정하는 것이 지금 이 일의 핵심이라고 봅니다.

기준이 두 벌이 되는 것을 가장 경계합니다. 사람이 대조로 유지하는 동기화는 바쁠 때 먼저 끊기고, 끊긴 것이 티가 나지 않습니다. 그래서 기준을 한 곳에 두고 어긋남은 기계가 잡게 만듭니다.

혼자서, Claude Code 와 함께

백엔드를 뺀 제품 화면과 정본을 한 사람이 만들었습니다. 아래는 그 결과를 저장소 기록에서 기계로 센 것입니다.

제품 화면
444
공용 컴포넌트
889
디자인 토큰
544
문서
369

2026-04-15 - 2026-08-10 · 3.8 개월 · 97 활동일

맡은 영역
  • 디자인 시스템과 제품 화면
  • 제품 판단과 딜리버리
  • 브랜드와 콘텐츠
  • 디자인 툴링
  • 모바일 시험 구현
  • 사내 포털
  • 네이티브 셸
참여한 영역
  • 공개 문서
  • 프로토타입 랩
기획과 디자인으로 맡은 영역
  • 제네시스 캠페인저장소 이전, Figma 로 기획과 디자인. 현재 라이브
  • 마케팅 사이트Figma 로 기획과 디자인. 현재 라이브

측정 방법

위 수치는 저장소 기록에서 기계로 뽑았습니다. 손으로 적은 값이 아닙니다. 기간은 저장소에 남은 첫 작업일부터 마지막 작업일까지입니다. 그 앞에 Figma 로만 일하던 기간이 따로 있고, 그때의 기획·디자인은 기계가 세지 못해 이 수치에 없습니다.

할 수 있는 일

디자인 시스템

원시 토큰과 시맨틱 토큰의 2계층 분리, 테마 완결성 검사, 공용 컴포넌트 승격 기준.

정보구조와 화면 설계

제품 여러 벌의 화면을 실측 단위로 세고 한 판에서 상태를 관리합니다.

제품 정책

규제 성격이 있는 표면의 표기 체계, 상태 확정 기준, 검증 가능한 수용기준.

딜리버리 운영

역할 경계 정의, 출시 게이트 설계, 이슈 축 설계와 진행률 자동 집계.

브랜드와 콘텐츠

로고와 아이덴티티, 마케팅 사이트와 캠페인 페이지, 공개 문서. 제품 밖의 표면도 같은 기준으로 만듭니다.

AI 와 함께 만들기

Claude Code 로 디자인 시스템과 화면을 직접 구현합니다. 무엇을 정본으로 삼고 무엇을 기계에 맡길지 정하고, 어긋남은 기계가 잡게 합니다.

기간 표기

이 포트폴리오의 수치는 저장소 기록에서 기계로 뽑았습니다. 그 앞에 Figma 로만 일하던 기간이 따로 있고, 그때의 기획·디자인 작업은 기계로 집계되지 않아 이 수치에 없습니다.

연락

2018 이전 에이전시 시절 작업은 예전 사이트에 있습니다