본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

Framer의 라이트/다크 모드란?

Framer에서는 라이트(Light) 또는 다크(Dark) 테마를 선택해, 눈의 피로를 줄이고 디자인 작업 환경을 개인화할 수 있습니다. 어두운 환경에서 눈의 피로를 줄이려면 다크 모드를, 가독성을 높이려면 라이트 모드를 선택하세요.

이 두 모드는 단순히 인터페이스의 밝기만 바꾸는 것이 아니라, 프로젝트의 색상 스타일 미리보기에도 반영됩니다. 라이트 모드에서는 밝은 배경 기준으로, 다크 모드에서는 어두운 배경 기준으로 색상이 표시되어 디자인의 밸런스를 미리 확인할 수 있습니다.

라이트/다크 모드 전환 방법

모드를 전환하는 방법은 Canvas 메뉴에서 버튼을 누르는 법과 단축키를 사용하는 두가지 방법이 있는데요. 두가지 방법 모두 매우 간단하게 테마를 전환할 수 있습니다.

1. Canvas 메뉴에서 전환 버튼 사용

   : 캔버스 하단 툴바에 있는 light/dark 버튼을 클릭하면 즉시 테마를 전환할 수 있어요.

2. 단축키 사용

   : 키보드에서 ⌃⌘N(Control + Command + N)을 누르면 손쉽게 테마를 바꿀 수 있어요.

다크 모드 색상 스타일 제거하기

프로젝트에 다크 모드용 색상 스타일을 추가했다가, 다시 제거하려면 아래의 단계를 따라해보세요.

1. Assets 패널 열기

2. 색상 스타일 옆의 점 세 개(···)를 클릭하기

3. “Clear Dark Style”을 선택하면 완료

마무리

이제 Framer에서 개인화된 디자인 작업 환경을 만들 수 있습니다. 라이트와 다크 모드 중, 여러분의 디자인 스타일에 잘 어울리는 테마를 선택하여 효율적인 작업 환경을 구축하는 데에 도움을 받으시길 바랍니다.

본 글은 Framer 공식 블로그의 ‘Light and dark mode options’을 번역·각색한 콘텐츠입니다.