피그마 | 페이지 내 폰트 한 번에 바꾸기 / 폰트 전체 변경

* velog에서 포스팅했던 글을 옮겨왔습니다.

 

피그마에서 작업하다 보면 모종의 이유로 정했던 폰트 종류를 변경해야 할 때가 있다.
나 역시 전체 컨셉이 변경되며 다른 폰트로의 변경이 필요했는데 역시 피그마의 고마운 유저들... 무료 플러그인이 존재했다.

폰트 일괄 변경 플러그인 :: Font Replacer

좌측 상단 Resources 아이콘을 누르고, Plugins에서 Font replacer를 검색한다.

Run 버튼을 눌러서 실행시키면 되는데, 저 버튼을 누르기 전에!!
폰트 변경을 원하는 케이스에 따라 실행 방법을 다르게 할 수 있다.

 

case1. 특정 텍스트 레이어 선택 + 플러그인 실행 (Run)

선택한 텍스트에 대해서만 다른 폰트로 변경하는 화면을 원할 때.

 

특정 텍스트 레이어를 선택한 상태에서 플러그인을 실행(run)한다. 
그럼 선택한 텍스트의 폰트 종류만 뜨게 되며 (좌측) 이 폰트를 무엇으로 변경할 지 정하게 된다. (우측)

 

case2. 특정 텍스트 레이어 선택 없이 + 플러그인 실행 (Run)

페이지 내 모든 텍스트의 폰트, 혹은 2개 이상의 폰트를 선택해서 다른 종류로 일괄 변경하고 싶을 때.

No text layers selected
선택한 텍스트 레이어 없이 플러그인을 실행하게 되면 위와 같은 안내가 먼저 뜬다.

Select all text layers on this page 버튼을 누른다. 이 버튼을 누른다고 해서 바로 일괄 변경이 되는 게 아니라 페이지 내 모든 폰트 리스트를 불러오는 과정이 먼저이기 때문에 안심하고 누른다.

 

그럼 이렇게 페이지 내에 있는 텍스트의 모든 폰트 종류가 포함된 (좌측) 화면으로 바뀐다.

좌측에 있는 기존 폰트를 hover하면 파란색으로 변하는 것을 확인할 수가 있는데, 즉 선택할 수가 있는거다.
변경하길 원하는 기존 폰트를 선택한다. 

선택은 폰트 종류 통으로가 아닌 폰트 종류의 스타일 단위로 가능하다.
(ex. Montserrat - Regular, Bold 이렇게 Montserrat 폰트의 Italic을 제외한 2개 스타일만 선택 가능)
원하는 만큼 여러 개를 선택한다.

 

변경하려는 폰트를 선택할 때도 폰트 종류 통으로가 아닌 스타일 단위로 선택하면 된다.
위 사진에서 나는 Noto Sans KR의 Regular 스타일을,
SF Pro Display 폰트의 Thin이라는 특정 스타일로만 변경하겠다는 선택 화면이다.

리스트에 폰트 종류가 많으면 좌측과 우측 각각 위에 있는 검색창을 이용해서 빠르게 찾으면 된다.

변경사항을 다 정하고 Replace 버튼을 누르면 끝!