[실습] 색상 배리어블 등록하기

Question

3:27~ theme 등록 중에 라이브러리에서 참조 브랜드 컬러 50을 주신다고 하셨는데, 컬러 스타일 기본 셋팅이 안되있는 상태에서 실습이 가능한걸까요?   플러그인 설치부터 다시 해봐도 같은 셋팅값 설정이 안되있어서 질문남깁니다!   아직 초~중반 수강중인데, 퀄리티가 너무 좋네요. 감사합니다.

신해지 · Answer

상세한 답변 감사합니다. 1~3번 완료 후, Local variables primitive에 들어갔을때 black, white 개체밖에 보이지 않습니다.   color styles에는 다른 gray, red.. 색상이 표시됩니다만 로컬 배리어블에는 없네요.   상세한 답변 감사드리고, 해결되지 않는 부분은 제외하고 일단 계속 진행해보도록 하겠습니다.

볼드 UX · Answer

안녕하세요 해지님, 질문 주셔서 감사합니다.   브랜드 컬러 50이 Blue 50을 참조하려면 다연히 Blue 50인 기본색상(Primitive Color) 계층이 반드시 있어야 합니다. 그러기 위해서는 강의에서 Tailwind Color Styles라는 플러그인을 통해서 만들 것을 권장드립니다. https://www.figma.com/community/plugin/853905984020840743   스타일을 생성하면 50~950사이의 다양한 색상이 생기며, 필요한 부분을 제외하고 모두 지워줍니다.   스타일을 베리어블로 옮기기 위해서 Styles to Variables를 사용하시면 됩니다. https://www.figma.com/community/plugin/1253669344925342575   이렇게 하면 가장 기본 기본 색상(Primitive Color) 계층이 완성됩니다. 그다음에 Theme 콜랙션을 만드셔서 원하는 기본 색상을 참조하시면 됩니다.   기본 셋팅값이 안되신다고 하는데, 저는 위의 플러그인으로 해봤는데 잘 되는 것을 확인했습니다. 혹시 한번 다시 시도해보시고 안되시면 질문 남겨주시면 감사하겠습니다.