Procreate 캔버스를 Figma로 가져오려면 Import into Figma 탭을 클릭하고, 워크플로 선택 메뉴에서 Import Procreate to Figma (Beta) 워크플로를 선택하세요. 그런 다음 .procreate 파일을 Convertify 플러그인 안의 드롭 영역으로 드래그 앤 드롭하세요(또는 드롭 영역을 클릭해 파일을 선택하세요). 미리보기와 크기를 확인한 뒤 Import Procreate를 클릭하면 Figma에 배치돼요.

Procreate 가져오기는 Beta 기능이에요. 가져온 레이어로 작업을 이어 가기 전에 레이어를 확인하고, 예상대로 옮겨지지 않는 캔버스가 있으면 알려 주세요.

.procreate 파일을 컴퓨터로 옮기기

Procreate는 캔버스를 iPad에 저장해요. Figma를 사용하는 컴퓨터로 캔버스를 옮기려면 다음과 같이 하세요.

1. Procreate 갤러리에서 아트워크를 왼쪽으로 쓸어 넘기고 Share를 탭하거나, 아트워크를 연 다음 Actions > Share를 탭하세요.
2. 형식으로 Procreate를 선택하세요.
3. AirDrop, 파일 앱 또는 클라우드 드라이브로 .procreate 파일을 컴퓨터에 보내세요.

가져오기 전에 캔버스 검토하기

파일을 선택하면 갤러리 미리보기, 파일 이름, 캔버스 크기, 가져온 뒤의 크기가 표시돼요. Import Procreate를 클릭하기 전에 Import as와 Import size를 바꿀 수 있어요. 파일을 선택하기만 해서는 Figma에 레이어가 추가되지 않아요. 선택을 취소하려면 Clear file을 사용하고, 다른 파일로 바꾸려면 다른 파일을 선택하세요.

갤러리 미리보기가 없거나 손상되어도 Convertify는 읽을 수 있는 캔버스 레이어를 가져올 수 있게 하고 안내 메시지를 보여 줘요. 압축 파일이 손상된 경우에는 미리보기가 복구할 수 있는 유일한 아트워크일 수 있으니, 가져오기 전에 경고를 확인하세요.

레이어 유지 또는 병합해서 가져오기

Import as에서 아트워크를 배치할 방식을 선택하세요.

• Layered canvas가 기본값이에요. 아래에 설명한 레이어, 그룹, 마스크를 유지해요.
• Flattened image는 보이는 아트워크를 이미지 하나로 배치하고, 그룹, 마스크, 불투명도, 블렌드 모드를 픽셀에 고정(베이크)해요. 개별 레이어는 유지되지 않으므로, Procreate로 다시 내보내도 복구할 수 없어요.

병합 가져오기는 Procreate에 저장된 원본 해상도 합성 이미지가 있으면 그 이미지를 사용해요. 이 합성 이미지를 읽을 수 없으면 Convertify가 대신 보이는 레이어를 병합하고 가져오기 경고를 추가해요. 애니메이션은 전경 레이어와 배경 레이어를 포함해 프레임마다 병합된 이미지를 하나씩 만들고, 프로토타입 재생 타이밍을 유지해요.

두 모드 모두 아래의 가져오기 크기를 지원해요. Figma의 4096 px 한도보다 큰 이미지는 이미지 타일로 나뉘어요.

가져오기 크기 선택하기

Import size에서 해상도를 선택하세요.

• Original resolution이 기본값이며, 캔버스를 원래 픽셀 크기로 유지해요.
• Up to 1024 px, Up to 2048 px, Up to 4096 px는 더 큰 캔버스를 긴 변이 해당 한도에 맞도록 줄여요. 더 작은 캔버스는 원래 크기를 유지해요.

레이어 모드에서는 레이어, 그룹, 마스크가 함께 크기 조정되고, 애니메이션 프레임도 같은 조정된 캔버스 크기를 사용해요. 캔버스는 비율을 유지하며, 크기는 정수 픽셀로 반올림돼요.

크기를 줄이면 Figma에 배치되는 이미지가 작아질 뿐, Convertify는 여전히 원본 파일을 먼저 읽어야 해요. Procreate로 다시 내보낼 때를 대비해 원본 픽셀을 유지해야 한다면 Original resolution을 선택하세요. 가져올 때 사라진 디테일은 나중에 내보내기 배율을 높여도 되살릴 수 없어요.

레이어의 투명한 테두리 유지 또는 잘라내기

레이어 가져오기에서는 Trim transparent layer borders가 기본적으로 켜져 있어요. 각 레이어의 이미지 경계가 칠해진 픽셀에 맞춰지고, 캔버스에서의 위치는 그대로 유지돼요.

이 옵션을 끄면 칠해진 각 레이어가 투명한 여백을 포함한 캔버스 전체 경계를 가져요. 마스크는 정렬된 상태로 유지되고, 가져오기 크기 한도는 캔버스 전체에 적용돼요. 이미지가 더 커져요. 빈 레이어는 여전히 제외되며, 이 설정은 병합 가져오기에는 영향을 주지 않아요.

가져오는 항목

Layered canvas를 선택하면 다음과 같이 가져와요.

Convertify가 Figma 파일에 새 페이지를 추가하고, 선택한 가져오기 크기의 프레임 하나를 만들어요. Original resolution을 선택하면 Procreate 캔버스와 같은 픽셀 크기가 돼요.

• 레이어는 이름, 표시 여부, 잠금, 불투명도, 블렌드 모드를 유지한 채 이미지 레이어로 들어와요.
• 그룹은 이름, 표시 여부, 잠금, 불투명도를 유지한 채 그룹으로 남아요.
• 레이어 마스크는 해당 레이어의 휘도 마스크가 돼요.
• 클리핑 마스크는 아래 레이어에 클리핑된 상태로 남아요.
• 배경색은 프레임의 채우기가 돼요. Procreate에서 배경을 숨겼다면 숨겨진 상태로 들어와요.
• 캔버스 회전과 뒤집기가 적용되어, Procreate 갤러리에서 보던 모습 그대로 캔버스가 보여요.
• 색상은 캔버스의 색상 프로필(Display P3 또는 sRGB)에서 Figma 파일의 색상 프로필로 변환되므로 Procreate에서와 똑같이 보여요. 프로필을 저장하지 않는 예전 캔버스는 갤러리 미리보기의 프로필을 사용해요.

Procreate 4 이상에서 저장한 Procreate 파일은 예전 iPad에서 만든 파일을 포함해 모두 가져올 수 있어요.

Figma에서 달라지는 점

아래 내용은 Layered canvas 가져오기에 적용돼요. 병합 가져오기는 대신 보이는 모습을 이미지에 고정해요.

• Procreate는 픽셀로 그리기 때문에 Figma에서는 모든 레이어가 이미지예요. 텍스트 레이어도 픽셀로 들어오며, 텍스트를 편집할 수 없어요.
• Figma에는 Procreate의 Alpha Lock에 해당하는 기능이 없어요. 이 설정은 기억되므로 Procreate로 다시 내보내면 다시 켜져요.
• Figma에는 Subtract, Hard Mix, Vivid Light, Linear Light, Pin Light, Divide 블렌드 모드가 없어서, 이 모드를 쓰는 레이어는 Normal로 설정돼요. Lighter Color와 Darker Color는 Lighten과 Darken이 되며, 모습이 조금 다를 수 있어요. Match blend modes Figma doesn't have를 켜면 이런 레이어를 고정(베이크)해 Procreate와 똑같이 보이게 해요. 마스크와 불투명도는 유지되지만, 아래 레이어를 바꿔도 업데이트되지 않아요.
• 빈 레이어는 제외돼요.
• Figma의 이미지는 한 변이 최대 4096 px로 제한되므로, 원본 해상도로 가져올 때 이보다 큰 레이어는 이미지 타일 그룹으로 들어와요.

제외되었거나 근사치로 바뀐 항목은 가져오기가 끝난 뒤 플러그인의 Import warnings 아래에 나열돼요.

Procreate로 다시 내보내기

레이어 가져오기에서는 Convertify가 Figma에서 표시할 수 없는 정보를 기억해 두기 때문에, 가져온 캔버스를 Procreate로 다시 내보내면 클리핑 마스크, 레이어 마스크, Alpha Lock, 원래 블렌드 모드가 유지돼요(Figma에서 레이어의 블렌드 모드를 바꾸지 않은 경우에 한해요). 가져온 애니메이션을 다시 Procreate 애니메이션 하나로 내보내려면 해당 프레임을 선택하고 Export frames as one animation을 켜세요. Figma를 Procreate로 내보내기를 참고하세요.

애니메이션 가져오기

캔버스에 Animation Assist가 켜져 있으면 각 애니메이션 프레임이 재생 순서대로 나란히 놓인 별도의 Figma 프레임이 돼요.

• Animation Assist에서 배경 레이어와 전경 레이어를 설정했다면 모든 프레임에 표시돼요.
• 프레임은 홀드 프레임을 포함해 애니메이션의 프레임 속도로 재생되는 Figma 프로토타입으로 연결돼요. Present를 누르면 재생돼요. 반복 재생과 한 번 재생 애니메이션은 Procreate에서와 같이 재생돼요. 핑퐁 애니메이션은 되돌아가는 구간을 위해 (back) 표시가 붙은 중간 프레임 사본이 추가돼요.
• 숨긴 프레임은 제외되며, 어니언 스킨은 가져오지 않아요.

손상된 파일

파일의 레이어를 읽을 수 없으면 Convertify가 대신 Procreate의 캔버스 미리보기 이미지를 배치하고 그 이유를 알려 줘요.