inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

[예제 실습] 컬러 테마 만들기 3 - UI에 컬러 테마 적용하기

섹션6 컴포넌트 파고들기 [예제 실습] 컬러 테마 만들기 3 - 다크모드 관련 질문

178

기빈

작성한 질문수 1

0

 

강의 21초부터 레이어를 통해 다크모드를 현재 피그마에선 Layer 자체가 안 보여서 다크모드를 어떻게 적용하는지 모르겠습니다. 현재 피그마에서 레이어와 동일한 기능을 하는 메뉴가 뭔가요? ㅠㅠ

image.png

 

프로토타이핑 모바일-디자인 figma ux-기획 프로덕트디자인

답변 1

-1

인프런 AI 인턴

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

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

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

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

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

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

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

채팅 UI 추가 속성 설정 질문

0

30

1

예제 파일 오류

0

36

1

테이블 만들기 질문

0

59

1

Layout Grid

0

63

1

자주 사용하는 아이콘 만들기

0

79

1

업데이트 강의 버전은 언제 올라올까요?

1

117

0

강의와 아이콘이 달라 질문 드립니다.

0

93

1

39강 오토 레이아웃 질문

0

90

1

2025년 업데이트 강의 버전은 언제 올라올까요?

0

355

2

11강. 따라가기 , IMPORT(불러오기) 못찾음

0

116

2

44강 13분15초 좌우변경

0

96

1

TABLE 만들기

0

167

2

영상 저장 위치

0

353

1

아이콘 만들기_스왑 관련

0

91

0

45강 min max 설정

0

72

1

44강 예제실습 레이어속 프레임

0

86

1

auto layout과 position

0

61

1

Show version history

0

131

1

constraints가 안나와요!

0

389

1

frame 생성 시 android large가 없습니다.

0

263

2

불리언프로퍼티

0

131

1

요소 위치 교체

0

175

2

툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요

0

201

0

프레임 속성창

0

127

1