웹디자인 및 UI/UX 디자인 협업 툴의 글로벌 표준이 된 피그마(Figma)는 기본적으로 웹 브라우저 기반으로 동작하는 클라우드 소프트웨어입니다. 이 때문에 피그마를 처음 사용하는 디자이너들이 가장 많이 직면하는 스트레스 중 하나가 바로 ‘폰트(Font) 누락 및 깨짐 현상’입니다.
내 컴퓨터(Windows 또는 Mac) 시스템에 ‘휴먼범석체 네오’, ‘프리텐다드(Pretendard)’ 같은 훌륭한 상업용 폰트를 분명 다운로드하여 정상 설치했음에도 불구하고, 피그마 프로그램 내의 폰트 선택 목록(Font Family)에는 내가 설치한 한글 폰트의 이름이 전혀 나타나지 않거나, 다른 사람이 지정해 둔 예쁜 서체가 내 화면에서는 죄다 기본 굴림체나 고딕으로 깨져서 경고 마크가 뜨는 현상입니다. 피그마가 내 컴퓨터의 로컬 폰트 폴더를 온전하게 동기화하여 읽어 들이도록 만드는 세팅법을 명확히 정리해 드립니다.
원인 진단: 피그마가 내 컴퓨터 폰트를 읽지 못하는 이유
피그마는 구글 폰트(Google Fonts)처럼 인터넷 서버에 저장된 오픈소스 웹폰트는 기본적으로 완벽히 지원합니다. 그러나 사용자의 개인 PC 시스템 하드디스크(C:\Windows\Fonts)에 직접 수동으로 깔아둔 로컬 전용 폰트 데이터는 웹 기반인 피그마가 보안 및 환경 제약으로 인해 자동으로 접근하여 탈취하거나 읽어올 수 없습니다.
따라서 피그마에게 *”내 컴퓨터 내부 폰트 폴더를 조회해도 좋다”*라는 허가증을 주는 전용 통신 다리 역할을 하는 유틸리티 프로그램을 심어주거나, 환경에 맞는 올바른 버전을 매칭해 주어야 이 불통 문제가 풀립니다.
해결 방법 1: 피그마 웹 브라우저 사용자는 ‘Figma Font Installer’ 필수 설치
만약 크롬(Chrome)이나 엣지, 웨일 같은 웹 브라우저 사이트에 직접 접속하여 피그마 작업을 진행하는 유저라면, 무조건 피그마 공식 서비스가 제공하는 로컬 폰트 서비스 프로그램을 PC에 따로 상주시 가동해야 합니다.
- 피그마 공식 홈페이지의 다운로드 센터 레이아웃 메뉴로 이동합니다.
- 스크롤을 중간 아래로 내리면 [Font installers]라는 독립된 다운로드 섹션 영역이 있습니다.
- 본인의 운영체제에 맞는 버전인 ‘Download Installer for Windows’ 또는 ‘macOS’ 버튼을 클릭하여 설치 파일을 받습니다.
- 다운로드된 설치 프로그램을 실행하여 10초 만에 인스톨을 끝냅니다. (이 프로그램은 별도의 UI 창 없이 백그라운드 서비스 서비스로 조용히 상주합니다.)
- 열려 있던 크롬 브라우저의 피그마 작업 탭을 완전히 닫은 뒤, 키보드의
F5를 누르거나 브러우저를 재시작하여 피그마에 재접속합니다. - 텍스트 레이어를 선택하고 폰트 메뉴를 누르면 내 컴퓨터에 설치된 로컬 한글 서체들이 완벽하게 동기화되어 리스트업되는 것을 확인할 수 있습니다.
해결 방법 2: 가장 강력하고 속 편한 해결책, ‘데스크톱 앱 버전’ 사용하기
만약 매번 브라우저 플러그인을 깔고 업데이트하는 과정이 번거롭고 매번 수식 꼬임 렉이 발생한다면, 브라우저를 버리고 피그마가 제공하는 독립 실행형 [데스크톱 전용 앱(Desktop App)] 버전을 설치해 사용하는 것이 정신 건강에 가장 좋습니다.
공식 설치형 앱 버전은 폰트 인스톨러 유틸리티가 프로그램 내부에 기본 물리 엔진으로 내장 탑재되어 있습니다. 즉, 앱을 설치하는 순간 윈도우나 맥북에 깔려 있는 모든 디자인 서체들을 별도의 설정 변환 노고 없이 실시간으로 즉시 100% 긁어와 인식하므로 깨짐 현상이 원천 차단됩니다. 역시 다운로드 페이지 상단의 ‘Desktop app’ 항목을 통해 설치할 수 있습니다.
해결 방법 3: 노란색 삼각 주의보 ‘Missing Fonts’ 경고창 대처
협업 중 팀원이 내 PC에 없는 폰트로 디자인을 해두어 우측 상단이나 하단에 노란색 경고 아이콘인 [Missing fonts] 경고 문구가 떴다면, 해당 텍스트를 클릭한 뒤 내 컴퓨터에 존재하는 대체 폰트(예: 프리텐다드 등)를 지정하고 [Replace fonts] 버튼을 일괄 적용해 주면 깔끔하게 폰트가 깨져 정렬이 엇나가는 참사를 막을 수 있습니다.