홈으로

Claude Design과 Code, 양방향으로 이어지다

Claude Design(베타)과 Claude Code가 /design-sync 명령으로 양방향 연결됐다. 지금까지 디자인 시안을 코드로 넘기는 흐름은 한쪽 방향이었는데, 이제 레포에서 작업한 결과를 다시 디자인 캔버스로 올려보내는 것도 가능해졌다.

/design-sync를 실행하면 Claude Design에서 만든 디자인 시스템을 레포로 끌어와 그 스타일 그대로 코드를 이어서 만들 수 있다. 반대 방향도 된다 — 터미널에서 Claude Code로 뭔가를 만든 뒤, 그 결과를 Claude Design 캔버스에 올려 비주얼을 다듬거나 팀에 보여줄 수 있다.

아직 Claude Design 자체가 베타 단계라는 점은 그대로다. 이 기능은 디자인 시스템을 새로 만들어 주는 게 아니라, 이미 있는 디자인과 코드 사이의 핸드오프를 왕복시켜 주는 다리 역할만 한다.

공식 문서 (새 탭)당시의 출시·확대 시점입니다. 현재 이용 조건은 공식 문서에서 다시 확인합니다.

  • #ai-history
  • #claude
  • #claude-code
  • #integration

AI History 전체 보기

홈으로