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

상세한 답변 감사합니다.

1~3번 완료 후, Local variables primitive에 들어갔을때

black, white 개체밖에 보이지 않습니다.

color styles에는 다른 gray, red.. 색상이 표시됩니다만

로컬 배리어블에는 없네요.

상세한 답변 감사드리고,

해결되지 않는 부분은 제외하고

일단 계속 진행해보도록 하겠습니다.

안녕하세요 해지님,

질문 주셔서 감사합니다.

브랜드 컬러 50이 Blue 50을 참조하려면 다연히 Blue 50인 기본색상(Primitive Color) 계층이 반드시 있어야 합니다.

1. 그러기 위해서는 강의에서 Tailwind Color Styles라는 플러그인을 통해서 만들 것을 권장드립니다.

https://www.figma.com/community/plugin/853905984020840743

2. 스타일을 생성하면 50~950사이의 다양한 색상이 생기며, 필요한 부분을 제외하고 모두 지워줍니다.

3. 스타일을 베리어블로 옮기기 위해서 Styles to Variables를 사용하시면 됩니다.

https://www.figma.com/community/plugin/1253669344925342575

4. 이렇게 하면 가장 기본 기본 색상(Primitive Color) 계층이 완성됩니다.

그다음에 Theme 콜랙션을 만드셔서 원하는 기본 색상을 참조하시면 됩니다.

기본 셋팅값이 안되신다고 하는데, 저는 위의 플러그인으로 해봤는데 잘 되는 것을 확인했습니다. 혹시 한번 다시 시도해보시고 안되시면 질문 남겨주시면 감사하겠습니다.