피그마 기능 하이라이트 (새 탭에서 열림)

Figma의 Sketch Import 기능은 Sketch 사용자가 기존 작업물을 잃지 않고 Figma로 전환하도록 돕는 기능이다. Sketch 파일의 페이지, 크기 조정 제약, 벡터, 심볼 등을 높은 정확도로 보존하며, 여러 운영체제와 협업 환경을 연결한다. 글은 이 기능이 단순한 마이그레이션 도구를 넘어 Sketch와 Figma를 오가며 협업할 수 있게 하는 핵심 기능이라고 강조한다.

Sketch Import이 필요한 이유

• Figma로의 초기 전환 지원

  • Sketch에서 Figma로 옮기는 사용자가 기존 디자인을 처음부터 다시 만들 필요가 없다.
  • 과거 Photoshop에서 Sketch로 전환할 때와 같은 큰 작업 부담을 줄여준다.
  • 기존 파일을 안정적으로 가져올 수 있어 새로운 도구를 시험하기 쉽다.

• 운영체제가 다른 팀의 협업

  • Sketch는 Mac 전용이지만 Figma는 다양한 운영체제에서 사용할 수 있다.
  • Windows나 Linux를 사용하는 개발자도 Sketch 파일을 Figma로 가져와 디자인 사양을 확인할 수 있다.
  • 서로 다른 디자인 도구를 사용하는 팀원들이 동일한 작업물을 기준으로 협업할 수 있다.

• Sketch와 Figma를 병행하는 작업 방식

  • 디자이너가 Sketch에서 작업한 뒤 Figma로 파일을 옮겨 디자인 리뷰나 원격 협업을 진행할 수 있다.
  • Figma의 댓글 기능을 활용해 팀원 및 외부 이해관계자와 의견을 주고받을 수 있다.
  • 한 가지 도구만 강제하지 않고 작업 목적에 따라 도구를 선택할 수 있다.

높은 변환 정확도

• Sketch Import은 Sketch 파일의 구조와 시각적 요소를 최대한 보존하도록 설계되었다.
• 다음과 같은 요소를 가져올 수 있다.
  • 페이지 구조
  • 크기 조정 제약 조건
  • 벡터 데이터
  • Sketch의 심볼
• Sketch의 심볼은 Figma에서 컴포넌트로 변환된다.
• 따라서 디자인 시스템을 구축하거나 유지하는 조직도 기존 컴포넌트 구조를 활용할 수 있다.
• 글에서는 실제 사용자가 Angle 파일을 가져온 사례를 통해 벡터와 컴포넌트가 거의 완벽하게 유지된다고 소개한다.
• 변환 과정에서 문제가 발생하면 Figma 앱 내부의 지원 위젯을 통해 문의할 수 있다.

Sketch 파일을 가져오는 방법

• Figma 파일 공간에 Sketch 파일을 드래그 앤 드롭한다.
• Figma 툴바의 가져오기 기능을 사용한다.
• 단축키를 사용한다.
  • macOS: Command + Shift + K
  • Windows: Control + Shift + K
• 가져오기가 완료되면 가져온 이미지와 디자인 요소가 포함된 새로운 Figma 파일이 자동으로 생성된다.

커뮤니티 중심의 기능 소개

• Figma는 새 기능 출시 소식이나 릴리스 노트가 쉽게 묻힐 수 있다는 점을 언급하며, 이미 출시된 유용한 기능을 다시 소개한다.
• Sketch Import은 2015년 6월에 출시됐지만 이후에도 사용자들이 계속 새롭게 발견하는 기능으로 소개된다.
• 다음에 어떤 기능을 다룰지는 Figma 커뮤니티의 의견을 바탕으로 결정하려 했다.

Sketch Import은 기존 Sketch 자산을 Figma로 옮겨야 하는 개인과 팀에게 유용한 마이그레이션 수단이다. 특히 디자인 시스템, 운영체제가 다른 협업 환경, 원격 리뷰가 필요한 프로젝트라면 파일을 가져온 뒤 페이지와 컴포넌트가 제대로 변환되는지 확인하고 적극적으로 활용하는 것이 좋다.