디자인 시스템 with 피그마

[추가 영상] 토큰 스튜디오의 버전 업데이트

안녕하세요 수강생 여러분 :)

피그마라는 강력한 도구가 매년 6월 새로운 기능들로 대규모 업데이트를 진행하는 사실은 다들 알고 계시죠~?
이렇게 새로운 도구가 업데이트가 일어나게 되면, 그 안에서 사용된 플러그인들도 업데이트는 선택이 아닌 필수가 되고 있습니다.

해당 수업에서 사용한 토큰 스튜디오도 이에 맞춰 1.0 버전 -> 2.0 버전으로 대규모 업데이트가 일어났고 이에 따른 ui들과 사용 방법들도 조금씩 변경됐습니다.

가장 큰 불편함은

light 모드와 dark 모드의 색상 전환이 앞으로는 색상을 모드별로 직접 내보내서 확인을 해야 됩니다 🥹

이해하기 쉽게 섹션15 파트에 영상으로 레코딩 해놨습니다.
필요하신 분들은 참고해 주시면 좋을 것 같습니다.

강의를 처음 수강 하시는 분들이 계시다면 섹션 15파트를 먼저 수강 하시길 권장 드립니다.

그리고 시스템 강의가 아닌 피그마 툴 자체의 강의도 문의가 많이 들어오고 있어서,
피그마의 새로운 기능들이 안정적으로 다 배포가 된 시점에서 (현재는 일부 기능들만 제공된 상태) 피그마의 모든 기능들을 설명하고 기초부터 심화까지 포함하는 피그마 강의를 기획중입니다.

해당 연도 말에 기능이 다 들어올 것을 예상하고 올해 강의를 목표로 잡고 있지만, 일부 기능들이 제대로 적용되고 배포되지 않은 상태라면 미뤄질 수 있을 것으로 예상됩니다.

기초 - 피그마의 기본 기능들과 도구 사용법, etc...

심화 - 컴포넌트 중심의 디자인, 개발자가 보는 디자인, 프로토타입 고도화, 토큰의 사용과 유지보수, etc...

감사합니다 :)

안녕하세요 수강생 여러분 :)

제가 디자인 시스템 오프라인 수업을 할 때 정말 많이 듣게 되는 질문 중 하나가 "그래서 이 토큰은 깃허브에 올리면 뭐가 좋은 거예요?" 입니다. 

디자인 시스템을 구축하고 디자인 토큰을 깃허브에 푸시까지 한 다음 토큰이 개발자의 손에 넘어가서 어떻게 작업이 편하게 이루어지는지를 간단한 영상으로 제작해 봤습니다.

디자인 토큰을 가공하는 건 개발자의 몫이기 때문에 그 부분까진 영상에 담진 않았지만, 어떻게 활용되고 서비스에 반영되는지를 확인해볼 수 있는 영상이니  디자인 토큰을 다 만드신 분들이라면 꼭 한번 보시면 도움이 될것 같습니다 :)

안녕하세요 수강생 여러분 :)

피그마 토큰을 다른 프로젝트에서도 사용할 수 있는 방법에 대해 영상을 촬영했습니다.

내보내기와 가져오기를 통해 다른 프로젝트에서도 작업한 토큰을 꾸준히 적용시켜보세요 :)