디자이너·운영·프론트 에셋 담당자가 원격 Mac에서 Sketch·Figma로 일괄 PNG 수출할 때, 사이즈 규격과 명명 규격을 미리 정해두지 않으면 재수출·협업 지연이 반복됩니다. 본문은 단계별 실행 체크리스트와 검증 포인트로 정리해, 바로 적용 가능한 워크플로를 제공합니다.
목차
사이즈·명명 규격이 납품 효율에 미치는 영향
픽셀 단위가 어긋나거나 파일명 규칙이 제각각이면 프론트·QA에서 재요청이 쏟아지고, 디자이너는 같은 에셋을 여러 번 수출하게 됩니다. 사이즈 규격(@1x/@2x/@3x·최대 너비/높이)과 명명 규격(접두사·접미사·슬라이스 규칙)을 팀에서 하나로 고정해 두면, 원격 Mac에서 일괄 수출한 PNG를 그대로 배포·검수에 쓸 수 있어 납품 효율이 올라갑니다.
Sketch/Figma 일괄 PNG 수출 설정 비교
원격 Mac에서 두 도구를 쓸 때 자주 쓰는 일괄 수출 옵션을 정리했습니다.
| 항목 | Sketch | Figma |
|---|---|---|
| 일괄 수출 방식 | Slice 지정 후 Export / Make Exportable | Frame·Component Export 설정, Batch export 플러그인 |
| 해상도 배율 | 1x, 2x, 3x 프리셋·커스텀 | 1x, 2x, 3x, 4x·커스텀 배율 |
| 포맷·알파 | PNG-24(알파)·PNG-8 | PNG(기본 32비트 RGBA) |
| 색 프로파일 | 문서 프로파일·sRGB 지정 가능 | sRGB 권장, Export 시 포함 옵션 |
| 명명 규칙 | Slice 이름 = 파일명, 접미사로 배율 | Layer/Frame 이름·접미사(@1x 등) 설정 |
원격 Mac에서 한쪽 도구로 통일해 수출하면, 색감·해상도·명명이 일관되어 검수 시간이 줄어듭니다.
@1x/@2x/@3x와 사이즈 규격표
디자인 캔버스 기준(보통 @1x)과 수출 픽셀 크기를 매핑해 두면, 프론트와 규격 논의가 쉬워집니다.
| 배율 | 캔버스 1pt 대비 픽셀 | 용도 예시 |
|---|---|---|
| @1x | 1pt = 1px | 웹 기본·레거시 |
| @2x | 1pt = 2px | 레티나 웹·iOS 2x |
| @3x | 1pt = 3px | 고해상도·Android xxhdpi·iOS 3x |
검증 체크: 수출 후 실제 픽셀 너비·높이가 기대값(캔버스 pt × 배율)과 일치하는지 샘플로 확인하세요. 최대 허용 크기(예: 4096px)를 팀 규격으로 두면 4K·대형 배너에서도 통제가 됩니다.
명명 규격(접두사·접미사·슬라이스 규칙)과 검증 포인트
파일명이 통일되면 자동화·CDN·캐시 관리가 수월해집니다.
- 접두사: 모듈·페이지 구분(예:
home_banner_,icon_). 팀 규칙에 맞춰 소문자·언더스코어 권장. - 접미사: 배율 표기(
@1x,@2x,@3x) 또는 용도(_web,_app). 도구별 Export 설정에서 접미사 템플릿 지정. - 슬라이스·레이어 이름: Sketch는 Slice 이름이 파일명이 되므로, Figma는 Frame/Layer 이름을 수출 전에 규칙에 맞게 정리. 공백·특수문자 제거, 일괄 치환 스크립트 활용 가능.
검증 포인트: (1) 접두/접미 패턴이 규격서와 일치하는지, (2) 중복 파일명 없음, (3) 확장자 .png 소문자 통일. 원격 Mac에서 OpenClaw 등으로 일괄 명명·검증하면 실수 감소에 도움이 됩니다.
실행 단계와 권장 워크플로
아래를 체크리스트로 사용해 일괄 수출 전·후를 점검하세요.
- 규격 확정: 팀에서 @1x/@2x/@3x 사용 여부, 최대 픽셀, 명명 규칙(접두사·접미사) 문서화.
- 문서 설정: Sketch/Figma 문서 해상도·색 모드(sRGB)·알파 유지 확인.
- Slice/Export 설정: 필요한 프레임·슬라이스만 Export 목록에 넣고, 배율·파일명 접미사 설정.
- 일괄 수출: 원격 Mac에서 단일 출력 폴더로 수출. (대량이면 배치 나누기)
- 검증: 샘플로 픽셀 크기·파일명 패턴·편색 여부 확인 후 전달.
자주 나는 수출 편색·해상도 문제 점검
- 편색(색상 어긋남): 수출 시 sRGB 프로파일 포함·문서 색 모드 RGB 확인. Mac과 Windows 혼용 시 한쪽(권장: 원격 Mac)에서만 수출해 색감 통일.
- 해상도가 기대와 다름: 캔버스가 pt 기준인지 px 기준인지 확인. Sketch/Figma에서 Export 배율(1x/2x/3x)이 의도한 것과 맞는지, 한 장 샘플로 픽셀 치수 검증.
- 투명 배경이 깨짐: PNG-32(RGBA) 선택, 배경 레이어 병합·플래튼하지 않기. 원격 Mac에서 동일 설정으로 재수출하면 대부분 해결됩니다.
Sketch/Figma 일괄 수출용 원격 Mac M4 대여
사이즈·명명 규격을 한 번 정해 두고, 원격 Mac에서 안정적으로 일괄 수출하세요. 블로그 목록에서 더 많은 디자이너·프론트 가이드를 확인하고, 대여 페이지에서 노드와 요금을 선택해 바로 시작할 수 있습니다.