강의

멘토링

커뮤니티

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

박미소님의 프로필 이미지
박미소

작성한 질문수

디자인 시스템 with 피그마

컬러 (Color border)

컬러시스템 등록 관련

작성

·

3

0

image.pngimage.png

 

첫번째 화면: 모든 오브젝트에서 마우스를 뗐을 때 컬러 시스템 등록된 화면

두번째 화면: 오브젝트 선택 시 설정 가능한 라이브러리에 생성된 시스템

 

Q. 컬러 시스템을 만드는 와중에 border / 로 하여 네이티브 설정을 잘못했더니 오브젝트를 아무것도 선택 안하면 첫번째 화면과 같이 등록이 잘되었는데 두번째 화면처럼 필요없는 것들이 등록된걸 볼 수가 있어요.

삭제도 안되고 자꾸 쌓이는 구조같은데 어디서 찾을 수 있을까요?

 

 

 

 

 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 박미소님.

컬러 시스템에서 불필요한 항목들이 등록되어 고민이 있으시군요. 일반적으로 디자인 시스템에서 불필요한 컬러 스타일이나 항목이 쌓여 관리가 복잡해지는 문제는 흔히 발생하는 상황입니다. 이런 경우, 불필요한 스타일을 정리하는 방법에 대해 설명 드리겠습니다.

  1. 피그마 스타일 관리: 피그마에서는 스타일 탭을 통해 현재 파일에 사용 중인 모든 스타일을 확인할 수 있습니다. 스타일을 정리하고 싶다면, 이 탭에서 불필요한 스타일을 삭제하거나 정리할 수 있습니다.

  2. 라이브러리 업데이트: 라이브러리에서 불필요한 스타일을 삭제하려면, 공유 라이브러리를 관리하는 화면으로 이동하여 업데이트를 진행하시면 됩니다. 만약 메뉴 또는 인터페이스에 변경 사항이 비활성화 되어 있다면, 팀 파일의 권한 설정을 확인해주세요.

  3. 클린업 플러그인 사용: “Design Lint”나 “Figma Tokens” 같은 플러그인을 사용하여 스타일을 클린업하는 것도 하나의 방법입니다. 특정 기준에 맞지 않는 스타일을 자동으로 찾아 정리할 수 있습니다.

  4. 캔버스에서 제거: 모든 컴포넌트를 선택한 상태에서 불필요한 스타일을 일괄적으로 삭제할 수도 있습니다. 그러나 이 방법은 기존 설계에 영향을 줄 수 있으니 주의하셔야 합니다.

  5. 가이드 확인: 강좌 내 강의자 분께서 주신 가이드나 정돈 방법을 참고하는 것도 좋은 접근법입니다. 특히, 피그마와 관련된 수업이라면 해당 강의의 Q&A 섹션에서 유사한 질문과 답변을 먼저 심도 있게 살펴보시길 추천드립니다.

비슷한 주제를 다룬 기존의 답변들을 참고하기 위해, 아래 링크를 소개합니다:

각 링크는 비슷한 문제를 해결할 때 유용한 통찰이나 가이드를 포함하고 있으니 참고하시기 바랍니다.

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

박미소님의 프로필 이미지
박미소

작성한 질문수

질문하기