볼드UX 튜터님의 <피그마 배리어블을 활용한 디자인 시스템 구축하기>를 수강하며 인프런 워밍업 클럽에 참여하게 되었다.

프로젝트들을 진행하며 디자인 시스템을 구축하는 능력이 필요하다는 것을 느끼고 있었다.... 특히 원활한 소통을 위해서 꼭 공부하고 싶다고 생각했다.

그리고 사실, 전부터 눈독 들이던 강의였기에 더욱 열의가 넘쳤다!

매일매일 학습하는 커리큘럼이라 진도를 잘 따라갈 수 있을지 살짝은 걱정됐지만... 하고 싶은 일이니 열심히 할 수밖에 없다!

일단 시작하고 될때까지 하면 된다. 레츠고

배움

• 디자인 토큰과 디자인 시스템에 대한 이해

• 배리어블과 스타일 학습

• 다양한 배리어블 등록

미션

• 컬러, 타이포그래피, 간격, 효과 등 배리어블 등록

• 그리드와 반응형 기준점, 아이콘 등록

• 작업한 스타일 가이드 문서화

   

  
  

  (수줍은 탓에 과제물은 모자이크처리해 올립니다...)

이건 꼭 알아두자

• 배리어블 vs 스타일

  • 저장 가능한 변수값의 개수: 하나 / 하나 이상

  • 참조 여부: 참조 가능 / 참조 불가능

  • 모드 여부: 모드 활용 가능 / 직접적인 활용 불가능

• 배리어블 => 다양한 모드에서 달라지는, 재사용 가능한 색상을 등록하는 경우

• 스타일 => 여러 디자인 요소 결합해 사용하는 경우

회고

스스로 칭찬하고 싶은 점

• 개인적으로 학습 분량이 벅차게 느껴졌지만 포기하지 않고 어떻게든 해냈다.

• 다른 분들의 작업물을 둘러보며 스스로의 개선점을 찾아보았다.

   

아쉬웠던 점

• 아직까지 학습이 습관화되지 않은 것 같다. 개선 필요

보완하고 싶은 점

• 계획을 세워 여유롭게 학습할 수 있는 환경을 조성하고 싶다.

다음주에는

• 나만의 규칙을 만들어 일정한 시간에 학습할 것이다.

• 단순히 멘토님을 따라 학습하는 것에서 더 나아가, 스스로 고민해보고 디자인 시스템을 구축할 것이다.