어떤 버전인지 열어보지 않아도 알 수 있도록 — REFLO의 변경 요약을 소개합니다

"이 버전이랑 저 버전이랑 뭐가 다르지?"

REFLO를 만들면서 가장 많이 마주친 질문입니다. 타임라인에 버전이 촘촘하게 쌓이는 것까지는 좋았습니다. 그런데 점이 스무 개, 서른 개가 되는 순간 새로운 문제가 생겼습니다. 점 하나하나가 전부 익명이라는 것. 어떤 점이 "로고 색을 바꾼 순간"이고 어떤 점이 "오타를 고친 순간"인지, 겉으로는 전혀 알 수 없었습니다.

그래서 만들었습니다. 오늘은 REFLO의 변경 요약을 소개합니다.

우리는 원래 이렇게 일했습니다

디자이너의 폴더를 열어보면 이런 파일들이 있습니다.

시안_최종.psd
시안_최종_수정.psd
시안_최종_수정2_진짜최종.psd

이 파일명들은 사실 눈물겨운 노력의 흔적입니다. "이 파일이 어떤 상태였는지"를 사람이 직접 기억하려는 노력이죠. 하지만 일주일만 지나면 수정2와 진짜최종의 차이가 뭐였는지 아무도 기억하지 못합니다. 결국 하나씩 열어서 눈으로 확인하는 수밖에 없습니다. 큰 PSD라면 파일 하나 여는 데만 몇십 초 — 서너 개만 열어봐도 10분이 사라집니다.

REFLO의 타임라인이 파일명 지옥은 없애줬지만, 처음에는 같은 문제가 형태만 바꿔 남아 있었습니다. 버전은 자동으로 쌓이는데, 각 버전이 무슨 변화였는지는 여전히 열어봐야만 알 수 있었으니까요. 기록을 아무리 잘 남겨도, 그 기록을 읽을 수 없다면 절반짜리입니다.

변경 요약이 하는 일

변경 요약은 타임라인의 각 버전 옆에 그 저장에서 무엇이 달라졌는지를 한 줄의 우리말로 붙여줍니다. 실제 화면에는 이런 문장들이 나타납니다.

• 「텍스트 변경 · 봄 세일 → 여름 세일」
• 「레이어 추가 · 배경 그라데이션」
• 「색상 변경 · 버튼 · #ff5a3c → #2f6bff」
• 「폰트 추가 · Pretendard」
• 「링크 에셋 추가 · hero_photo.jpg」

이제 타임라인을 스크롤하는 것만으로 하루의 작업이 문장으로 읽힙니다. "아, 오후 3시쯤 카피를 바꿨고, 4시에 버튼 색을 갈아엎었구나." 어떤 버전을 열어볼지 고민할 필요가 없어집니다. 찾는 순간이 문장으로 이미 보이니까요.

여러 가지를 한 번에 바꿨다면 「텍스트 + 색상 변경」처럼 묶어서 보여주고, 자세한 내용은 인스펙터의 변경 요약 섹션에서 항목별로 확인할 수 있습니다.

어떻게 알아내는 걸까요?

"파일을 열지도 않았는데 어떻게 뭐가 바뀌었는지 알지?"라는 의문이 드실 겁니다. 변경 요약은 세 겹의 정보를 순서대로 활용합니다.

1. 플러그인이 직접 본 변화. Photoshop에 REFLO 패널(플러그인)을 설치했다면, 저장하는 순간 패널이 "지금 이 문서에서 무엇이 바뀌었는지"를 Photoshop에게 직접 물어봅니다. 가장 정확한 1차 정보원입니다.

2. 저장 시점에 기록해 둔 단서. 버전을 남길 때 REFLO는 파일 안의 주요 단서들 — 텍스트 조각, 레이어 구성, 사용된 폰트, 링크된 에셋 — 을 함께 적어둡니다.

3. 이웃 버전과의 비교 추론. 직접 본 변화가 없더라도, 이번 버전의 단서와 바로 이전 버전의 단서를 나란히 놓고 비교합니다. 이전에는 있던 텍스트가 사라지고 새 텍스트가 나타났다면 「텍스트 변경 · A → B」로, 없던 레이어가 생겼다면 「레이어 추가」로 읽어내는 식입니다.

이 세 겹이 모두 비어 있는 버전도 물론 있습니다. 그럴 때는 거짓말을 지어내는 대신 확실한 사실만 보여줍니다 — 「용량 +2.3 MB (+12%)」 같은 크기 변화, 첫 버전이라면 「이번이 첫 저장 기록」. 분석이 아직 진행 중이면 「변경 내용을 분석하는 중이에요…」라고 솔직하게 표시합니다.

왜 이렇게까지 만들었나

목적은 처음부터 하나였습니다. "되돌릴 시점을 찾는 시간"을 없애는 것.

백업 도구는 많습니다. 하지만 대부분 "며칠 전 몇 시" 같은 시간 좌표만 줍니다. 문제는 사람이 시간을 기억하는 방식이 그렇지 않다는 겁니다. 우리는 "화요일 오후 4시 12분"이 아니라 "버튼 색을 바꾸기 전"을 기억합니다. 변경 요약은 타임라인의 좌표를 시간에서 사건으로 바꿔줍니다. 사람이 기억하는 방식 그대로 기록을 찾을 수 있도록요.

그리고 이 방향에는 원칙이 하나 있습니다. 디자이너에게 아무것도 요구하지 않을 것. 커밋 메시지를 쓰라거나, 저장할 때마다 메모를 남기라고 하지 않습니다. 그건 개발자의 문화지 디자이너의 문화가 아니니까요. 변경 요약은 전부 자동입니다. 여러분은 평소처럼 ⌘S만 누르면 됩니다.

지금의 한계도 말씀드립니다

솔직하게 적어두는 편이 좋겠습니다.

• 가장 풍부한 요약은 Photoshop + REFLO 패널 조합에서 나옵니다. 패널 없이 저장한 버전은 단서 기반 추론에 의존하므로 요약이 더 단순할 수 있습니다.
• 추론은 추론입니다. 파일 안의 모든 변화를 잡아내지는 못하고, 단서가 부족한 버전은 용량 변화만 표시될 수 있습니다.
• 형식마다 읽어낼 수 있는 깊이가 다릅니다. PSD가 가장 깊고, 다른 형식은 아직 더 얕습니다.

그래서 "모든 버전에 완벽한 설명이 붙는다"고는 말씀드리지 않겠습니다. 다만 확실한 것은, 요약이 붙은 버전이 하나 늘어날 때마다 여러분이 파일을 열어 확인해야 할 횟수가 하나 줄어든다는 점입니다.

앞으로의 방향

변경 요약은 REFLO에서 가장 오래 발전시켜 갈 기능 중 하나입니다. 생각하고 있는 방향은 이렇습니다.

더 많은 형식으로. 지금은 Photoshop 계열 파일에서 가장 깊게 동작합니다. Illustrator를 비롯한 다른 디자인 형식, 그리고 문서 형식까지 같은 수준의 요약을 붙이는 것이 다음 단계입니다.

더 사람의 말로. 「텍스트 변경 · A → B」는 정확하지만, 결국 저희가 가고 싶은 곳은 "메인 카피를 여름 세일 문구로 교체"처럼 의도가 읽히는 요약입니다. 항목의 나열에서 문장으로, 문장에서 이야기로.

검색과 하나로. "버튼이 파란색이던 버전"을 검색창에 치면 그 버전이 나오는 것 — 변경 요약이 쌓일수록 검색은 시간 검색이 아니라 내용 검색이 됩니다. 타임라인 검색과 변경 요약을 더 깊게 묶어갈 예정입니다.

비교 모드와의 연결. 요약에서 궁금한 항목을 누르면 바로 그 부분의 전후를 비교 화면으로 보여주는 흐름도 준비하고 있습니다. "무엇이 바뀌었나"에서 "어떻게 바뀌었나"까지 한 번에 이어지도록요.

마치며

작업 기록이 진짜 쓸모 있으려면 두 가지가 필요하다고 믿습니다. 빠짐없이 쌓일 것, 그리고 읽을 수 있을 것. 타임라인이 앞의 것을 맡고 있다면, 변경 요약은 뒤의 것을 맡습니다.

여러분의 작업 기록이 익명의 점들이 아니라, 열어보지 않아도 읽히는 문장이 되도록 — 저희는 이 한 줄을 계속 다듬어가겠습니다.

변경 요약은 별도 설정 없이 타임라인과 인스펙터에서 자동으로 동작합니다. 타임라인이 처음이라면 타임라인 이용 가이드부터, 두 버전의 차이를 눈으로 확인하고 싶다면 비교 모드 소개를 함께 읽어보세요.