#FigmaTip 모 (새 탭에서 열림)

Figma 파일과 디자인 시스템을 효율적으로 정리하려면 레이어, 파일, 컴포넌트, 페이지를 체계적으로 관리해야 한다. 이 글은 봄맞이 정리를 위한 Figma 활용법으로 일괄 이름 변경, 사용자 지정 썸네일, 파일 정렬, 라이브러리 정리, 프레임과 페이지 활용을 소개한다. 이러한 기능을 활용하면 파일을 빠르게 탐색하고 팀 협업 효율도 높일 수 있다.

레이어 일괄 이름 변경

• 장기간 진행한 프로젝트에서는 레이어가 복제·수정되며 이름이 뒤섞이기 쉽다.
• 여러 레이어를 선택한 뒤 마우스 오른쪽 버튼의 Rename을 선택하거나 Command + R을 누르면 일괄 변경할 수 있다.
• 다음과 같은 방식이 지원된다.
  • 모든 레이어를 동일한 이름으로 변경
  • 숫자 접미사 추가
  • 접두사 추가
  • 기존 이름의 일부만 변경
  • 정규 표현식을 이용한 고급 이름 변경

사용자 지정 썸네일로 파일 구분

• 파일에 사용자 지정 썸네일을 설정하면 파일 브라우저에서 내용을 빠르게 식별할 수 있다.
• 설정 방법:
  • 새 페이지를 만들고 페이지 목록의 가장 위로 이동
  • 640x320 크기의 프레임 하나를 생성
  • 프레임 안에 제목, 설명, 이미지 등을 배치
  • 프레임 배경색과 캔버스 배경색을 동일하게 설정
• 썸네일에 프로젝트 상태나 버전 정보를 표시하면 파일 탐색과 진행 상황 공유에 유용하다.

파일 브라우저 정렬

• 파일 브라우저의 정렬 기능을 사용하면 불필요한 파일을 쉽게 찾을 수 있다.
• File Name으로 정렬하면 Untitled처럼 이름이 정리되지 않은 파일을 확인할 수 있다.
• 다음 기준으로도 정렬할 수 있다.
  • 생성일
  • 최종 수정일

팀 라이브러리의 컴포넌트 정리

• 디자인 시스템을 정리할 때는 팀 라이브러리에 등록된 컴포넌트가 실제로 필요한지 검토해야 한다.
• 중복되거나 더 이상 사용하지 않는 컴포넌트는 컴포넌트 탭에서 마우스 오른쪽 버튼을 클릭한 뒤 Remove from Library를 선택해 제거할 수 있다.
• 컴포넌트 이름 앞에 . 또는 _를 붙이는 방식으로 라이브러리에서 제외할 수도 있다.
• 이를 통해 팀원이 불필요한 컴포넌트를 찾느라 시간을 낭비하는 것을 줄일 수 있다.

프레임과 페이지로 라이브러리 구성

• 컴포넌트 라이브러리와 디자인 시스템은 프레임과 페이지를 사용해 논리적인 컬렉션으로 나누는 것이 좋다.
• 이름에 슬래시(/)를 여러 번 사용해 계층 구조를 표현하는 대신, 프레임과 페이지로 분류하면 컴포넌트 이름을 더 단순하게 유지할 수 있다.
• 체계적인 분류는 팀원이 필요한 컴포넌트를 쉽게 탐색하고 라이브러리를 이해하는 데 도움이 된다.

실용적인 정리 순서

• 먼저 파일 브라우저를 이름과 수정일 기준으로 정렬해 불필요한 파일을 선별한다.
• 각 파일의 레이어를 일괄적으로 이름 변경해 검색과 탐색이 쉽게 만든다.
• 중요한 파일에는 640x320 사용자 지정 썸네일을 추가한다.
• 마지막으로 팀 라이브러리에서 중복·미사용 컴포넌트를 제거하고, 남은 컴포넌트를 프레임과 페이지로 분류하는 것이 좋다.