Convertify는 최신 Penpot ZIP/JSON .penpot 파일을 Figma Design 파일의 새 페이지로 가져와요. 기존 페이지는 가져온 디자인과 분리된 채 그대로 남아요.
Penpot 변환은 Beta 기능이에요. 결과물을 전달하기 전에 가져오기 경고를 검토하고 만들어진 디자인을 원본과 비교하세요. 예전 바이너리 Penpot 파일은 지원되지 않으니, Penpot에서 파일을 새로 다운로드하세요.
디자인 가져오기
- Penpot에서 파일의 Main menu를 열고 File을 선택한 다음 Download Penpot file (.penpot) 메뉴를 선택하세요.
- Figma에서 Convertify를 실행하고 Import into Figma를 선택하세요.
- 워크플로 선택 메뉴에서 Import Penpot to Figma (Beta) 워크플로를 선택하세요.
- 색상, 텍스트, 변수 라이브러리도 가져오려면 Import color, text and variable libraries를 켠 상태로 두고, 레이어만 필요하다면 끄세요.
- 파일 선택 영역을 클릭하거나
.penpot파일을 플러그인에 드래그해 넣으세요. 다른 변환을 시작하기 전에 가져오기 결과가 나올 때까지 기다리세요. - 경고를 검토한 다음 새 페이지를 살펴보세요. 텍스트 줄바꿈, 폰트, 이미지 자르기, 컴포넌트 사본, 중요한 레이아웃의 크기 조정 동작을 확인하세요.
파일 제한과 실패
한 번에 가져올 수 있는 레이어는 사본을 재구성하는 데 필요한 메인 컴포넌트를 포함해 최대 50,000개예요. 입력 압축 파일은 128 MB 이하여야 하며, 압축을 푼 콘텐츠에도 한도가 있어요. 한도에 걸리면 큰 파일을 더 작게 나눠 내보내세요.
지원되지 않는 레이어 유형이나 잘못된 압축 파일이 있으면 가져오기가 중단될 수 있어요. 가져오기가 실패하면 그동안 만든 페이지와 리소스를 삭제하려고 시도해요. 되돌리기를 마치지 못하면 남은 정리 문제가 오류에 표시돼요. 다시 시도하기 전에 그 오류를 해결하세요.
WebP 이미지는 로컬에서 Figma용 편집 가능한 PNG 이미지로 변환돼요. 원래 WebP 인코딩과 애니메이션은 사라지고, 가져오기 결과에 경고가 표시돼요.
호환성과 편집 가능한 콘텐츠
- 폰트와 텍스트: 대상 앱에서도 같은 폰트를 쓸 수 있게 준비하세요. 폰트 대체, 공백 처리 방식, 줄 간격, 폰트 버전의 차이로 줄바꿈이 달라질 수 있어요. 변환할 때 문자는 그대로 유지하지만, 보이는 모양을 맞추려고 줄바꿈을 억지로 넣지는 않아요.
- 이미지와 효과: 가로나 세로 중 한쪽이라도 Figma의 4096픽셀 한도를 넘는 이미지는 가져올 때 로컬에서 크기를 줄이고 PNG로 변환해요. 레이어 형상과 정규화된 자르기 컨트롤은 편집 가능한 상태로 남지만, 원본 픽셀 해상도, 인코딩, 이미지 메타데이터는 사라져요. 잘린 가장자리와 색상 프로필을 확인하세요. 이미지 보간과 일부 그림자나 효과는 앱마다 다르게 렌더링돼요. 일부 이미지 자르기나 지원되지 않는 페인트는 이미지로 고정(베이크)해야 하는데, 이때 경고에 해당 레이어와 사라지는 컨트롤이 표시돼요. 레이어가 편집 가능한 상태로 남는다고 해서 원본 페인트 속성이 모두 유지되는 것은 아니에요. 시작점으로 되돌아오는 선이 있는 패스는 Figma가 닫힌 패스로 만들 수 있으니, 닫히는 지점의 끝점 모양과 연결 모양을 확인하세요.
- 토큰: 수식과 수식에 의존하는 별칭은 Figma 변수와 실시간으로 바인딩되지 않아요. 변환할 때 계산된 레이어 값은 유지하고, 지원되지 않는 바인딩은 따로 알려 줘요.
- 컴포넌트: 지원되는 사본은 로컬 메인 컴포넌트를 사용해요. 일부 형상이나 레이아웃 재정의에는 별도의 로컬 메인 컴포넌트가 필요해요. 이런 사본은 편집 가능하고 해당 로컬 메인 컴포넌트에 연결된 상태로 남지만, 원래 메인 컴포넌트와의 연결과 이후 업데이트는 사라져요. 이런 경우는 변환 경고에 표시돼요.
- 레이어와 레이아웃: Figma의 Auto 간격은 Penpot에서 최소 간격 없이 내보내져요. 간격을 바꾸지 않았다면 비활성 상태의 고정 간격 값이 Figma로 돌아올 수 있어요. 이 비활성 값에 바인딩된 변수는 토큰 라이브러리에는 남지만 레이아웃과 실시간으로 바인딩되지는 않아요. 지원되지 않는 구조에는 그룹이나 로컬 메인 컴포넌트를 추가하거나, 편집 가능한 근사치로 바꿔야 할 수 있어요. 경고를 확인하고 크기 조정을 테스트해 보세요. 이미지가 똑같아 보인다고 해서 레이아웃 동작도 똑같은 것은 아니에요. 숨겨진 고정 너비 텍스트는 Figma로 돌아올 때 늘이기 정렬이 사라질 수 있으니, 다시 표시하거나 크기를 바꿀 때 레이아웃을 확인하세요. 가운데 정렬된 일부 고정 크기 컨테이너는 대칭 패딩이 저장된 박스보다 커요. 지원되는 경우에는 박스와 실시간 가운데 정렬 레이아웃을 유지하고 해당 축의 패딩을 0으로 두며, 사라진 패딩 컨트롤과 바인딩을 알려 줘요.
이 워크플로는 Figma Design을 대상으로 해요. FigJam, Figma Slides, 프로토타입 재생까지 똑같이 지원하지는 않아요. 원본 파일을 보관하고, 중요한 레이아웃은 두 앱에서 모두 검토하세요.
반대 방향으로 변환하려면 Figma를 Penpot으로 내보내기를 따라 하세요.