디자인 시안이 넘어왔는데 코드가 없다. 색상 코드, 폰트 패밀리, 간격값을 하나씩 뜯어서 컴포넌트로 옮기는 일을 반복해본 적 있다면, 이 글이 바로 그 시간을 줄이는 방법을 다룬다. Claude Code가 URL 하나로 시각 정보를 읽고 수정 가능한 컴포넌트 초안까지 뽑아주는 흐름이 실제로 가능한지, 어떻게 검증하는지 순서대로 정리했다.1. 왜 지금 이걸 봐야 하나프론트엔드 작업에서 UI 복제는 크게 두 단계로 나뉜다. 첫째, 시각 정보를 파악하는 단계(색상, 폰트, 레이아웃, 간격). 둘째, 그걸 실제로 쓸 수 있는 코드로 옮기는 단계.첫 번째 단계는 눈으로 보면 빠르다. 문제는 두 번째다. Figma 링크가 있어도 개발자가 토큰 하나씩 옮겨야 하고, 디자인이 업데이트될 때마다 그 작업이 반복된다. 스..
