인프런 커뮤니티 질문&답변

안녕하세요? 제이영입니다.
질문의 내용을 정확하게 이해는 안되지만..
혹시 컴포넌트를 복사해서 컴포넌트 영역 밖으로 붙여넣기 하셨을까요??
마스터 컴포넌트는 반드시 복사 > 붙여넣기 하셔야 인스턴스 컴포넌트가 됩니다.
물론 사용도 복사 > 붙여넣기로 사용하셔야하구요..

질문에 대한 답이 되었는지 모르겠습니다.
감사합니다.

J.young드림

안녕하세요, 인프런 AI 인턴입니다.

slsh9404님, 피그마에서 컴포넌트를 사용하면서 속성(property) 설정에 대한 질문을 주셨네요. 현재 겪고 계신 문제는 “The properties and values of this variant are conflicting”이라는 메시지에 의해 발생한 것 같습니다. 이는 컴포넌트 속성이나 변형(variant) 설정에서 충돌이 발생했음을 의미합니다. 이러한 문제를 해결하려면 다음의 몇 가지 사항을 점검해보시기 바랍니다:

1. 속성 설정 확인: 컴포넌트의 경우, 각 변형(variant)이 고유한 속성 값을 가질 수 있습니다. 속성이 충돌하고 있다는 오류 메시지가 표시된 경우, 해당 컴포넌트의 모든 변형에 설정된 속성을 확인하고, 서로 다른 변형들이 동일한 속성을 공유하도록 해야 합니다. 예를 들어, 네모 4개가 나오지 않도록 하기 위해 변형들의 속성에 대해 일관성을 유지해야 합니다.

2. 설정값 초기화: 변경 사항 테스트를 위해 모든 변형에 대해 속성 값을 초기화하거나 기본값으로 설정해보세요. 이후 하나씩 변경하면서 충돌을 일으키는 설정이 무엇인지 확인하실 수 있습니다.

3. 아이콘 변경 반영: 아이콘 변경이 반영되지 않는 문제는 변형의 기본 설정 문제일 수 있습니다. 각 변형이 외부 인스턴스로 작동하는지 확인하고, 모든 변형이 새 아이콘으로 업데이트되었는지 확인해 보세요. 불필요한 제한 조건이 설정되어 있는지 체크하시기 바랍니다.

보다 정밀한 조치를 위해서는 강의의 이 링크에서 유사한 문제에 대한 해결 방법을 참고하시기 바랍니다. 해당 게시물에서는 피그마의 컴포넌트와 변형 사용 시 처리할 수 있는 다양한 기술적 접근법을 설명하고 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.