김지유
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 로만 일하던 기간이 따로 있고, 그때의 기획·디자인 작업은 기계로 집계되지 않아 이 수치에 없습니다.