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

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

Figma의 최근 업데이트로 인해, 다크모드와 관련된 기능이 레이어뿐만 아니라 컴포넌트 및 스타일 중심으로 변화하면서 혼동이 있을 수 있습니다. 다크모드를 구현할 때 일반적으로 사용하는 방법은 ‘레이어’를 활용하는 것이 아니라, ‘스타일’을 활용하여 다크 테마 및 라이트 테마를 정의하는 것입니다.

• 레이어가 보이지 않는다면, Figma의 “Assets” 패널과 “Layers” 패널의 기능을 사용하는 것이 좋습니다.
  
• 현재의 다크모드 구현은 스타일을 사용하여 색상 테마를 정의하고, 이 스타일을 컴포넌트에 적용하는 방식입니다. “Fill” 옵션에서 색상을 변경하여 다크모드를 구현할 수 있습니다.
  

이해에 도움이 되실 수 있도록 관련된 Figma의 스타일 및 테마 활용 방법에 대한 자료를 참고하시기 바랍니다.

아래 링크를 참고하셔서 더 많은 정보와 예제를 확인해 보세요.

• Figma에서 스타일을 활용하여 다크모드 구현하기
  

이미지에 보여주신 ‘Selection colors’ 목록을 확인하며 다양한 스타일을 적용하는 방법도 실습해보시면 도움이 되실 것 같습니다.

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