디자인 시스템 적용 스텝

  1. 스케치에서 디자인 토큰(심볼)을 생성한다. (컬러, 타이포그래피 등등..)

  2. 그 토큰을 React Sketch.app을 통해 JSON으로 export 해본다.

  3. JSON을 리액트에서 변수화 시켜본다. (일단은 수동으로 반영) (디자인 -> 코드)

  4. 토큰을 스토리북에 반영한다.

  5. 디자이너는 스토리북에 반영된 토큰을 다시 스케치로 import했을때 문제가 없는지 확인한다. (코드 -> 디자인)

Last updated

Was this helpful?