Figma를 Penpot으로 내보내기

Convertify로 Figma Design 페이지나 선택한 레이어를 편집 가능한 Penpot 파일로 내보내세요.

Convertify는 Figma Design 레이어를 Penpot 작업 공간으로 가져올 수 있는 .penpot 파일로 내보내요. 텍스트, 지원되는 도형, 이미지, 로컬 컴포넌트는 편집 가능한 상태로 유지돼요.

Penpot 변환은 Beta 기능이에요. 결과물을 전달하기 전에 변환 경고를 검토하고 가져온 디자인을 원본과 비교하세요. 두 앱이 모든 속성을 같은 방식으로 지원하지는 않아요.

디자인 내보내기 ​

  1. Figma에서 Convertify를 실행하고 Export from Figma를 선택하세요.
  2. 워크플로 선택 메뉴에서 Export Figma to Penpot (Beta) 워크플로를 선택하세요.
  3. 내보낼 페이지에 체크하거나 Export all Figma pages to Penpot을 켜세요. 대신 선택 항목을 내보내려면 캔버스에서 레이어를 선택하세요.
  4. Export Pages 또는 Export Selected Layers를 클릭하세요.
  5. 경고를 검토하고 .penpot 파일을 다운로드하세요. 참조된 메인 컴포넌트는 다른 페이지에 있는 것까지 자동으로 포함돼요.
  6. Penpot의 파일 대시보드에서 Options를 열고 Import Penpot files를 선택한 다음, 다운로드한 파일을 선택하세요. 가져오기가 끝나면 가져온 파일을 여세요.

결과 확인하기 ​

데스크톱 레이아웃과 더 작은 레이아웃, 텍스트 줄바꿈, 이미지 자르기, 컴포넌트 사본을 비교하세요. 중요한 레이아웃은 크기를 바꿔 보고, 로컬 컴포넌트는 직접 편집해 본 뒤에 그 동작을 믿고 쓰세요. 내보낸 파일은 사본이라서, 나중에 수정한 내용이 Figma와 Penpot 사이에 동기화되지 않아요.

호환성과 편집 가능한 콘텐츠 ​

  • 폰트와 텍스트: 대상 앱에서도 같은 폰트를 쓸 수 있게 준비하세요. 폰트 대체, 공백 처리 방식, 줄 간격, 폰트 버전의 차이로 줄바꿈이 달라질 수 있어요. 변환할 때 문자는 그대로 유지하지만, 보이는 모양을 맞추려고 줄바꿈을 억지로 넣지는 않아요.
  • 이미지와 효과: 가로나 세로 중 한쪽이라도 Figma의 4096픽셀 한도를 넘는 이미지는 가져올 때 로컬에서 크기를 줄이고 PNG로 변환해요. 레이어 형상과 정규화된 자르기 컨트롤은 편집 가능한 상태로 남지만, 원본 픽셀 해상도, 인코딩, 이미지 메타데이터는 사라져요. 잘린 가장자리와 색상 프로필을 확인하세요. 이미지 보간과 일부 그림자나 효과는 앱마다 다르게 렌더링돼요. 일부 이미지 자르기나 지원되지 않는 페인트는 이미지로 고정(베이크)해야 하는데, 이때 경고에 해당 레이어와 사라지는 컨트롤이 표시돼요. 레이어가 편집 가능한 상태로 남는다고 해서 원본 페인트 속성이 모두 유지되는 것은 아니에요. 시작점으로 되돌아오는 선이 있는 패스는 Figma가 닫힌 패스로 만들 수 있으니, 닫히는 지점의 끝점 모양과 연결 모양을 확인하세요.
  • 토큰: 수식과 수식에 의존하는 별칭은 Figma 변수와 실시간으로 바인딩되지 않아요. 변환할 때 계산된 레이어 값은 유지하고, 지원되지 않는 바인딩은 따로 알려 줘요.
  • 컴포넌트: 지원되는 사본은 로컬 메인 컴포넌트를 사용해요. 일부 형상이나 레이아웃 재정의에는 별도의 로컬 메인 컴포넌트가 필요해요. 이런 사본은 편집 가능하고 해당 로컬 메인 컴포넌트에 연결된 상태로 남지만, 원래 메인 컴포넌트와의 연결과 이후 업데이트는 사라져요. 이런 경우는 변환 경고에 표시돼요.
  • 레이어와 레이아웃: Figma의 Auto 간격은 Penpot에서 최소 간격 없이 내보내져요. 간격을 바꾸지 않았다면 비활성 상태의 고정 간격 값이 Figma로 돌아올 수 있어요. 이 비활성 값에 바인딩된 변수는 토큰 라이브러리에는 남지만 레이아웃과 실시간으로 바인딩되지는 않아요. 지원되지 않는 구조에는 그룹이나 로컬 메인 컴포넌트를 추가하거나, 편집 가능한 근사치로 바꿔야 할 수 있어요. 경고를 확인하고 크기 조정을 테스트해 보세요. 이미지가 똑같아 보인다고 해서 레이아웃 동작도 똑같은 것은 아니에요. 숨겨진 고정 너비 텍스트는 Figma로 돌아올 때 늘이기 정렬이 사라질 수 있으니, 다시 표시하거나 크기를 바꿀 때 레이아웃을 확인하세요. 가운데 정렬된 일부 고정 크기 컨테이너는 대칭 패딩이 저장된 박스보다 커요. 지원되는 경우에는 박스와 실시간 가운데 정렬 레이아웃을 유지하고 해당 축의 패딩을 0으로 두며, 사라진 패딩 컨트롤과 바인딩을 알려 줘요.

이 워크플로는 Figma Design을 대상으로 해요. FigJam, Figma Slides, 프로토타입 재생까지 똑같이 지원하지는 않아요. 원본 파일을 보관하고, 중요한 레이아웃은 두 앱에서 모두 검토하세요.

저장한 디자인을 다시 가져오려면 Penpot을 Figma로 가져오기를 따라 하세요.