피그마

피그마에서 다크모드 설정 및 해제하는 방법

Swoon 2024. 4. 23. 20:29
반응형

피그마에서 다크모드를 설정하는 방법 및 해제하는 방법을 알아보겠습니다. 다크모드를 사용하면 눈에 부담을 덜 주기 때문에 눈의 피로를 줄이는 데 도움이 됩니다. 하지만, 밝은 환경에서는 다크모드가 오히려 가독성을 저하시킬 수 있고, 다크모드를 오래 사용하면 오히려 눈의 피로가 증가할 수 있다는 단점도 존재하므로 상황에 맞게 다크모드와 라이트모드를 선택해서 사용하는 것이 좋습니다.

 

작업 중인 환경에서 테마 변경하기

우선, 작업 중인 화면에서 테마를 변경하는 방법을 확인해 보겠습니다. 상단의 툴바에서 가장 좌측에 있는 피그마 아이콘을 클릭해 주세요.

 

피그마 로고를 클릭한 뒤에 Preferences - Theme에서 테마를 변경할 수 있습니다. 피그마에서 변경할 수 있는 테마는 3가지로 Light(라이트모드), Dark(다크모드), System theme(시스템 설정 따름)입니다. 여기서 라이트모드를 선택하면 테마가 라이트모드로 변경됩니다.

 

테마를 변경해 테마가 라이트모드로 변경되었지만 작업 중인 파일은 배경(Page)이 자동으로 바뀌지 않기 때문에 배경색을 변경해 줘야 합니다. 새 파일을 생성하는 경우는 테마에 맞춰 Page의 색상이 설정됩니다.

  

배경을 변경하려면 Page에서 색상을 변경해 주면 됩니다. 피그마에서 라이트모드의 기본 Page 색상은 #F5F5F5(Hex)입니다. F5F5F5 또는 원하는 색상을 입력해 주면 배경색이 변경됩니다.

 

Page의 색상을 F5F5F5를 입력해 배경색을 변경했습니다.

 

두 번째 방법으로 퀵 액션 바를 이용해 테마를 변경할 수 있습니다. 퀵 액션 바를 여는 단축키는 윈도우라면 Ctrl + / 또는, Ctrl + P이고 맥을 사용 중이라면 Command + / 또는 Command + P로 퀵 액션 바를 열 수 있습니다.

 

퀵 액션 바에서 mode를 입력해 주면 Use dark mdoe, Use light mode 옵션을 사용해 간편하게 다크모드 또는 라이트모드로 전환이 가능합니다.

 

다크모드로 변경되었지만 새로 만든 파일이 아니기 때문에 Page의 색상을 변경해 줘야 합니다. 피그마에서 다크모드의 기본 Page 색상은 #1E1E1E(Hex)입니다. 1E1E1E 또는, 원하는 색상을 입력해 주면 배경 색상이 변경됩니다.

 

Page의 색상을 1E1E1E로 변경해 배경색을 변경했습니다.

 

마지막으로 피그마 홈에서 테마를 바꾸는 방법을 확인해 보겠습니다. 좌측 상단의 프로필을 클릭해 주세요. 프로필을 선택하면 Theme에서 테마를 변경할 수 있습니다.

반응형