Figma를 Procreate로 내보내기

Convertify로 Figma 프레임을 레이어, 그룹, 불투명도, 블렌드 모드를 살린 Procreate .procreate 캔버스로 내보내세요.

Figma 디자인을 Procreate용으로 내보내려면 Export from Figma 탭을 클릭한 다음, 워크플로 선택 메뉴에서 Export Figma to Procreate (Beta) 워크플로를 선택하세요.

Procreate 내보내기는 Beta 기능이에요. Procreate에서 그림을 그리기 전에 캔버스를 확인하고, 예상대로 옮겨지지 않는 프레임이 있으면 알려 주세요.

캔버스 크기 선택하기 ​

Procreate 캔버스는 픽셀 단위로 크기를 재요. 내보내기 전에 Canvas size를 선택하세요.

  • 1x는 캔버스를 Figma 프레임과 같은 픽셀 수로 만들어요.
  • 2x(기본값), 3x, 4x는 캔버스를 2배, 3배, 4배로 키워, Procreate에서 확대해 그릴 때 더 선명한 결과를 얻을 수 있어요.

캔버스의 긴 변은 최대 8192 px로 제한돼요. 대부분의 iPad에서 Procreate가 열 수 있는 최대 크기예요. 이보다 큰 프레임은 맞게 축소되고, 축소될 때는 Convertify가 알려 줘요.

프레임을 Procreate 애니메이션으로 내보내기 ​

Export frames as one animation을 켜면 선택한 프레임(또는 페이지의 모든 프레임)을 첫 번째 프레임 크기의 Animation Assist 캔버스 하나로 내보내요. 각 프레임은 애니메이션 프레임이 돼요.

  • 순서와 타이밍은 페이지의 플로 시작점부터 프레임의 After delay 프로토타입 링크를 따라가요. 가장 짧은 지연 시간이 프레임 속도를 정하고, 지연 시간이 더 긴 프레임은 그만큼 오래 유지돼요. 링크가 없으면 프레임이 왼쪽에서 오른쪽, 위에서 아래 순서로 초당 15프레임으로 재생돼요.
  • 반복 재생은 마지막 프레임이 첫 번째 프레임으로 연결되어 있으면 켜져요. 그렇지 않으면 애니메이션이 한 번만 재생돼요.
  • 첫 번째 프레임의 단색 채우기는 캔버스 배경이 돼요. 그 뒤의 프레임 중 채우기가 다른 프레임은 그 채우기를 Background 레이어로 유지해요.

현재 Figma 페이지를 Procreate로 내보내기 ​

페이지의 모든 프레임을 변환하려면 Export This Page를 클릭하세요. 각 프레임은 각각의 Procreate 캔버스가 돼요.

선택한 Figma 프레임을 Procreate로 내보내기 ​

특정 프레임만 내보내려면 해당 프레임을 선택한 다음 Export Selected Frames를 클릭하세요.

레이어가 옮겨지는 방식 ​

  • 프레임 안의 각 최상위 레이어는 이름, 표시 여부, 잠금, 불투명도, 블렌드 모드를 유지한 채 Procreate 레이어가 돼요.
  • 그룹(그리고 채우기, 선, 클리핑이 없는 프레임)은 이름, 표시 여부, 잠금, 불투명도를 유지한 채 Procreate 그룹이 돼요. Procreate 그룹에는 다른 그룹을 넣을 수 없어서, 더 깊이 중첩된 요소는 최상위 레이어로 병합돼요.
  • 프레임의 단색 채우기는 캔버스 배경색이 돼요. 프레임의 그라디언트, 이미지, 여러 채우기, 선, 효과는 대신 Background 레이어가 돼요.
  • 마스크는 마스크가 클리핑하는 각 레이어의 Procreate 레이어 마스크가 되므로, Procreate에서 계속 편집할 수 있어요. 휘도 마스크는 밝은 영역과 어두운 영역을 그대로 유지하고, 여러 마스크 아래에 있는 레이어는 마스크가 하나로 합쳐져요.
  • Procreate에서 가져온 캔버스는 Figma에 없는 클리핑 마스크, Alpha Lock, 블렌드 모드를 유지해요.
  • Procreate는 픽셀로 그리기 때문에 텍스트, 벡터, 효과는 각 레이어에 렌더링되어 더 이상 편집할 수 없어요.
  • 프레임 밖의 콘텐츠는 캔버스에 맞게 잘려요.
  • 캔버스는 Figma 파일의 색상 프로필을 사용해요. Display P3 파일은 Display P3, 그 밖의 파일은 sRGB예요.

Figma에서 .procreate 파일 다운로드하기 ​

Convertify가 처리를 마치면 .procreate 파일을 다운로드하세요. 프레임을 2개 이상 내보냈다면 캔버스가 .zip 파일 하나로 묶여 다운로드돼요.

Figma에서 다운로드한 파일 저장하기 Figma 데스크톱 앱을 사용한다면 파일을 다운로드하라는 창이 나타나요. 하지만 웹 브라우저에서 Figma를 사용한다면 기본적으로 파일이 컴퓨터에 자동으로 다운로드돼요(보통 컴퓨터의 Downloads 폴더에 저장돼요).

Procreate에서 .procreate 파일 열기 ​

  1. AirDrop, 파일 앱 또는 클라우드 드라이브로 .procreate 파일을 iPad에 옮기세요. .zip을 다운로드했다면 먼저 압축을 푸세요(파일 앱에서 탭하면 돼요).
  2. .procreate 파일을 탭해 Procreate에서 열거나, Procreate 갤러리에서 Import를 탭하고 파일을 선택하세요.
  3. 캔버스가 갤러리에 나타나고, 레이어를 바로 편집할 수 있어요.