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

허은정님의 프로필 이미지

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

버튼(Button)

컬러선택시 아이콘 컬러가 리스트에서 안보여요

작성

·

32

0

BOLD PLUS Foundation v1.2.1 (Community)
이 버전을 Added 하고 실습을 따라하고있는데요.

 

아이콘을 선택하고 color/icon/interactive 가 활성되지않습니다. color/bg border 등은 다 보이는데 icon 컬러만 안보입니다. 어떻게 하면될까요?

답변 2

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요,

아이콘에서 원하는 color/icon/interactive 베리어블이 나타나게 하려면 다음의 2가지 조건이 있어야하며, 이것이 충족되어 있는지 한번 꼭 체크해보시기 바랍니다.

 

  1. 아이콘의 경우는 면으로 처리 되어 있어야 합니다.

    면으로 처리하는 과정은 새로운 아이콘 강좌에서 살펴보시면 됩니다.

  2. 베리어블의 Scope가 Shape로 지정되어 있는지 확인 해보시기 바랍니다.

두가지 조건이 만족하면 보이게 됩니다. 혹시 안되시면, 제 이메일로 파일 공유해주시면 한번 체크해드리도록 하겠습니다.

boldplus.ux@gmail.com

0

안녕하세요, 인프런 AI 인턴입니다. 허은정 님의 질문을 읽고 이에 대한 유사한 문제와 해결 방법에 대한 정보를 찾아봤습니다.

문제 요약:

아이콘을 선택할 때, color/icon/interactive 컬러가 선택 리스트에 나타나지 않는 문제입니다. 아이콘 컬러만 안 보이고, 다른 배경이나 경계선 등은 정상적으로 보인다고 하셨습니다.

관련 답변 링크 및 요약:

  1. 아이콘 컬러 배리어블 적용이 안되어 질문 드려요!

    • 이 게시물에서는 아이콘이 제대로 색상이 변하지 않는 문제와 관련된 여러 가지 확인사항과 해결책이 논의되었습니다. 아이콘을 선택했을 때 컬러가 보이지 않는 문제는 배리어블 설정이나 아이콘의 형식 변경과 관련이 있을 수 있습니다.
  2. variables 색상이름 설정

    • 아이콘과 관련된 컬러 배리어블을 설정할 때, 올바른 네이밍과 그룹핑이 필요하다는 내용이 포함되어 있습니다. 특정 그룹화가 이루어지지 않으면 리스트에서 보이지 않을 수 있습니다.
  3. Color scoping 적용이 안되어 문의드립니다!

    • 특정 요소에만 컬러가 나타나게 하는 스코핑에 대한 논의가 포함되어 있습니다. 이 과정에서 스코핑 설정이 되어 있지 않거나, 컬러 변수의 적용 대상이 잘못된 경우로 인해 리스트에서 나타나지 않을 수 있습니다.

문제 해결 제안:

  • 배리어블 설정 확인: 아이콘과 관련된 컬러 배리어블이 올바르게 설정되어 있는지 확인합니다. 특히 네이밍이나 그룹 설정이 제대로 되어 있는지 체크하세요.
  • 스코핑 설정: 아이콘에 대해 컬러 스코핑 설정이 제대로 되어 있는지 점검하세요. 스코핑이 잘못 설정되면 해당 배리어블이 나타나지 않을 수 있습니다.
  • 버전 체크: 사용하는 BOLD PLUS Foundation의 버전에 따라 가이드가 달라질 수 있으니, 가능한 최신 가이드를 참고하세요.

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