디자인 파일 정리법 — 페이지 구조와 버전 관리

디자인 파일 정리는 정리정돈 강박이 아니라, 여러 사람이 같은 파일을 오래 쓸 때 서로 헤매지 않게 만드는 최소한의 규칙입니다. 파일을 열었는데 페이지가 “작업중”, “작업중2”, “진짜 최종”으로 나뉘어 있고 어느 게 최신인지 아무도 모르는 상황, 다들 한 번쯤 겪어봤을 것입니다.

1. 페이지는 순서가 아니라 역할로 나눈다

페이지를 프로젝트 진행 순서가 아니라 역할에 따라 나누는 것이 기본입니다. 누구든 파일을 열었을 때 어디를 봐야 하는지 바로 알 수 있어야 합니다. 페이지 이름 앞에 번호나 이모지를 붙여 순서를 고정해두는 것도 파일이 커질수록 도움이 됩니다.

최종본과 작업본을 명확히 분리하라

실무에서 가장 큰 혼란은 완성된 화면과 실험 중인 화면이 같은 캔버스에 섞여 있을 때 생깁니다. 개발자나 이해관계자가 실험용 시안을 최종본으로 착각하는 사고를 막으려면, 최종 승인된 화면만 모아두는 전용 페이지를 만들고 나머지는 별도 공간에서 자유롭게 작업하는 구조가 안전합니다. 프레임 이름에 상태를 표시하는 방법도 있지만, 페이지 단위로 물리적으로 분리하는 편이 실수를 줄이는 데 더 확실합니다.

2. 버전 관리는 저장이 아니라 기록이다

파일은 자동으로 저장되기 때문에 버전 관리를 따로 신경 쓰지 않는 경우가 많습니다. 하지만 특정 시점의 상태를 나중에 다시 확인하거나 되돌리고 싶을 때는 이름 붙은 버전이 있어야 찾기 쉽습니다. 큰 변경을 마칠 때마다 버전에 이름과 설명을 남겨두면, 몇 주 뒤에 이 변경이 언제 왜 있었는지 파일 안에서 바로 확인할 수 있습니다.

하나의 파일이 너무 커지면 로딩이 느려지고 협업도 불편해집니다. 프로젝트 단위, 혹은 기능 단위로 파일을 나누되, 공통으로 쓰는 컴포넌트와 스타일은 별도의 라이브러리 파일로 분리해 여러 프로젝트 파일에서 함께 참조하는 구조가 유지보수에 유리합니다. 파일을 나눌 때는 어떤 기준으로 나눴는지 파일명이나 프로젝트 설명에 명시해두어야, 나중에 합류한 팀원이 어디서 무엇을 찾아야 할지 헤매지 않습니다.

파일이 정리되어 있어야 컴포넌트 이름도 검색이 쉬워집니다. 네이밍 규칙은 컴포넌트 네이밍 규칙에서 다뤘습니다. 정리된 파일은 결국 좋은 핸드오프로 이어지는데, 자세한 기준은 디자인 핸드오프 잘하는 법을 참고하세요. 버전 기록과 복원 기능의 공식 설명은 피그마 공식 가이드에서 확인할 수 있습니다.

3. 정리되지 않은 파일이 결국 만드는 비용

파일이 하나뿐이고 작업자도 혼자일 때는 페이지 이름이 뒤섞여도 큰 문제가 없다. 문제는 파일을 열어보는 사람이 늘어나면서 시작된다. 새로 합류한 디자이너, 리뷰하러 들어온 기획자, 구현하러 들어온 개발자 모두가 같은 파일에서 자기가 봐야 할 화면을 찾아야 하는데, 페이지 구조가 정리되어 있지 않으면 매번 “이거 최신 맞아요?”라는 질문부터 시작하게 된다. 파일 정리는 결국 그 질문을 없애기 위한 장치다.

흔한 오해 하나는 파일 정리를 “시간 날 때 하는 일”로 미루는 것이다. 실제로는 프로젝트 초반에 페이지 구조와 버전 규칙을 정해두는 편이, 나중에 수십 개 프레임이 쌓인 뒤 정리하는 것보다 훨씬 적은 시간이 든다. 정리를 미룰수록 정리 비용은 프로젝트 규모에 비례해서 커진다.

4. 마치며

파일 정리는 한 번 해두고 끝나는 일이 아니라 프로젝트가 진행되는 내내 유지해야 하는 습관입니다. 다음에 파일을 열 때는 페이지 목록부터 훑어보고, 지금의 구조가 새로 합류한 사람에게도 바로 이해될지 스스로 점검해보세요. 페이지 이름과 버전 기록 몇 줄이 몇 달 뒤 팀 전체의 시간을 아껴주는 투자라는 점을 기억해두면 좋습니다.