목록디자인 시스템 (1)

코드노트

디자인 시스템 깃허브로 연결, feat.피그마

프론트엔드를 개발하면서 시간이 드는것들 중 하나가 color, size 값들을 정리하고 디자인 시스템을 구축하는것이라고 생각이 든다. 처음에는 어떻게 보면 color값도 해당 값들마다 지정하기도하지만 시간이 지나서 유지보수 및 디자인, 기획...등이 변경되다보면 수정할때 막막했던 기억이 참 많은것 같다... 스토리북을 통해서 디자인시스템을 컴포넌트단위로 나누어서 작업은 해보면서도 느꼈었는데 편하면서도 재밋게 작업을 할 수 있었다. 이제는 피그마를 통해서 color값부터 한번에 github로 연결하는 방법을 정리해보려고 한다. github에서 우선 토큰을 발급받아야한다. github 토큰 발급 방법 우측 상단 개인 프로필 -> Settings -> Developer settings ->Token(class..
Code note/codenote 2024. 3. 8. 14:13
이전 Prev 1 Next 다음