솔루션

리소스

기능

플랜 및 요금제

무료 시작하기

데모 신청하기

무료 시작하기

데모 신청하기

솔루션

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

제품 기능

주요 특징

하드웨어 및 시스템 통합

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

New

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

참고 자료

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

Pricing

Book a Demo

솔루션

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

제품 기능

주요 특징

하드웨어 및 시스템 통합

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

New

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

참고 자료

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

Pricing

Get Started for Free

Book a Demo

메뉴

Sketch에서 가져오기

Sketch에서 ProtoPie로 디자인을 가져오는 방법에는 두 가지가 있습니다.

  • 플러그인 (권장): Sketch용 ProtoPie 플러그인을 설치하고 Sketch에서 플러그인을 실행합니다.

  • 레거시: 가져오려는 Sketch 파일을 열고 ProtoPie Studio를 실행합니다. ProtoPie의 파일 메뉴에서 Import를 선택합니다.

Sketch용 ProtoPie 플러그인

ProtoPie 7.0 이상이 필요한 Sketch용 ProtoPie 플러그인을 다운로드하고 설치하세요. Sketch용 플러그인 설치에 대해 자세히 알아보기.

Sketch용 ProtoPie 플러그인을 사용하면 빠른 속도와 유연성을 경험할 수 있습니다. 레이턴시 없이 모든 작업을 로컬에서 Sketch 디자인을 ProtoPie로 가져올 수 있습니다.

가져올 대상을 제어할 수 있습니다. 아트보드를 씬으로 가져오고, Sketch에서와 동일한 레이어 계층 구조, 위치 지정 및 제약 조건(Constraints)을 가진 오브젝트로 가져옵니다.

최상의 성능을 위해, 디자인을 ProtoPie로 가져오는 동안 Sketch를 데스크톱에 열어두고 보이도록 유지하십시오.

처음이신가요? 이 예제 파일을 사용하여 Sketch용 ProtoPie 플러그인을 체험해 보세요.

지원되는 속성

  • Visibility (가시성)

  • Lock (잠금)

  • Position (위치)

  • Size (크기)

  • Rotation (회전)

  • Opacity (불투명도)

  • Constraints (제약 조건)

  • Fill (단색 및 이미지 채우기)

  • Borders (테두리)

  • Shadow (그림자)

ProtoPie의 레이어 속성에 대해 자세히 알아보기.

플러그인과 레거시 가져오기의 차이점

Sketch용 ProtoPie 플러그인을 사용하여 다음을 수행할 수 있습니다.

  • 하나 또는 여러 개의 아트보드 및 오브젝트를 가져옵니다.

  • 아트보드를 씬으로 가져옵니다.

  • 선택한 대상을 가져옵니다.

  • 벡터 레이어를 SVG로 가져옵니다.

  • 텍스트 레이어로 변환 가능한 SVG 형식으로 텍스트 레이어를 가져옵니다.

  • 제약 조건을 제어 조건으로 가져옵니다.


씬으로 가져오기

Sketch의 아트보드를 동일한 이름으로 ProtoPie의 씬으로 가져옵니다. 한 번에 하나 또는 여러 개의 아트보드를 씬으로 가져올 수 있습니다. 아트보드를 씬으로 가져오는 것은 Sketch의 레이어 계층 구조를 기반으로 합니다.


{'_type': 'localeString', 'en': 'sketch import plugin import as scenes'}
객체 가져오기

Sketch와 동일한 레이어 계층 구조, 위치 지정 및 제약 조건으로 객체를 가져옵니다. 한 번에 하나 또는 여러 개의 객체를 가져올 수 있습니다.

Sketch의 컴포넌트 및 컴포넌트 인스턴스는 컨테이너로 가져와집니다. ProtoPie에서 컴포넌트로 유지하려면 가져온 후 컴포넌트로 변환하세요. 컴포넌트에 대해 자세히 알아보기.


{'_type': 'localeString', 'en': 'sketch import plugin import objects'}
SVG로 가져오기

Sketch의 벡터 레이어를 ProtoPie에 SVG(Scalable Vector Graphics)로 가져옵니다. 속성을 편집할 수 있게 하려면 가져온 후 도형으로 변환하기만 하면 됩니다. ProtoPie는 아직 모든 SVG 속성을 지원하지는 않습니다. SVG 레이어에 대해 자세히 알아보기.

텍스트 레이어 가져오기

Sketch의 텍스트 레이어를 ProtoPie에 SVG로 가져옵니다. 속성을 편집할 수 있게 하려면 가져온 후 텍스트 레이어로 변환하세요. 텍스트 레이어에 대해 자세히 알아보기.

다시 가져오기(Reimporting)

일반적으로 Sketch에서 다시 가져온 아트보드와 객체는 이전에 가져온 것을 대체합니다. 하지만 고려해야 할 몇 가지 예외 사항이 있습니다.

  • ProtoPie에서 가져온 객체의 일부 속성을 변경한 경우, 다시 가져와도 이 특정 객체에는 영향을 미치지 않습니다.

  • 가져온 후 레이어 계층 구조를 변경한 경우, 다시 가져와도 이 조정된 레이어 계층 구조에는 영향을 미치지 않습니다. 예를 들어, 가져온 레이어를 새로 생성한 스크롤 컨테이너에 추가한 경우가 여기에 해당합니다.

  • 삭제된 가져온 레이어는 다시 가져와지지 않습니다. 단, Sketch에서 해당 레이어만 선택하여 ProtoPie로 가져오는 경우는 제외됩니다.

  • 씬이나 객체의 복사본을 만들고 싶다면, 한 번만 가져온 다음 복제하세요. 예를 들어, Sketch의 아트보드 하나를 ProtoPie에서 2개의 씬으로 사용하려는 경우, 이를 한 번만 가져온 다음 씬을 복제하여 두 번째 씬을 만드세요.

씬으로 가져오기

Sketch의 아트보드를 동일한 이름으로 ProtoPie의 씬으로 가져옵니다. 한 번에 하나 또는 여러 개의 아트보드를 씬으로 가져올 수 있습니다. 아트보드를 씬으로 가져오는 것은 Sketch의 레이어 계층 구조를 기반으로 합니다.


{'_type': 'localeString', 'en': 'sketch import plugin import as scenes'}
객체 가져오기

Sketch와 동일한 레이어 계층 구조, 위치 지정 및 제약 조건으로 객체를 가져옵니다. 한 번에 하나 또는 여러 개의 객체를 가져올 수 있습니다.

Sketch의 컴포넌트 및 컴포넌트 인스턴스는 컨테이너로 가져와집니다. ProtoPie에서 컴포넌트로 유지하려면 가져온 후 컴포넌트로 변환하세요. 컴포넌트에 대해 자세히 알아보기.


{'_type': 'localeString', 'en': 'sketch import plugin import objects'}
SVG로 가져오기

Sketch의 벡터 레이어를 ProtoPie에 SVG(Scalable Vector Graphics)로 가져옵니다. 속성을 편집할 수 있게 하려면 가져온 후 도형으로 변환하기만 하면 됩니다. ProtoPie는 아직 모든 SVG 속성을 지원하지는 않습니다. SVG 레이어에 대해 자세히 알아보기.

텍스트 레이어 가져오기

Sketch의 텍스트 레이어를 ProtoPie에 SVG로 가져옵니다. 속성을 편집할 수 있게 하려면 가져온 후 텍스트 레이어로 변환하세요. 텍스트 레이어에 대해 자세히 알아보기.

다시 가져오기(Reimporting)

일반적으로 Sketch에서 다시 가져온 아트보드와 객체는 이전에 가져온 것을 대체합니다. 하지만 고려해야 할 몇 가지 예외 사항이 있습니다.

  • ProtoPie에서 가져온 객체의 일부 속성을 변경한 경우, 다시 가져와도 이 특정 객체에는 영향을 미치지 않습니다.

  • 가져온 후 레이어 계층 구조를 변경한 경우, 다시 가져와도 이 조정된 레이어 계층 구조에는 영향을 미치지 않습니다. 예를 들어, 가져온 레이어를 새로 생성한 스크롤 컨테이너에 추가한 경우가 여기에 해당합니다.

  • 삭제된 가져온 레이어는 다시 가져와지지 않습니다. 단, Sketch에서 해당 레이어만 선택하여 ProtoPie로 가져오는 경우는 제외됩니다.

  • 씬이나 객체의 복사본을 만들고 싶다면, 한 번만 가져온 다음 복제하세요. 예를 들어, Sketch의 아트보드 하나를 ProtoPie에서 2개의 씬으로 사용하려는 경우, 이를 한 번만 가져온 다음 씬을 복제하여 두 번째 씬을 만드세요.

레거시 Sketch 가져오기

레거시 Sketch 가져오기를 통해 Sketch 파일에서 모든 레이어 또는 내보내기 가능(exportable)으로 표시된 레이어만 가져올 수 있습니다.

아트보드

가져올 Sketch의 아트보드를 선택합니다

가져오기 크기

레이어의 배율을 설정합니다. 이는 Sketch에서 선택한 아트보드의 크기에 따라 변경될 수 있습니다

모든 레이어 구조

아트보드의 모든 레이어가 폴더 구조로 가져와집니다

내보내기 가능한 레이어

"내보내기 가능"으로 설정된 레이어만 가져옵니다

레이어 위치 덮어쓰기

Sketch에서 아트보드를 다시 가져올 때 레이어의 위치 값을 덮어씁니다

레이어 크기 덮어쓰기

Sketch에서 아트보드를 다시 가져올 때 레이어의 크기 값을 덮어씁니다

레이어 순서 및 그룹 구조 업데이트

Sketch에서 아트보드를 다시 가져올 때 레이어 순서 및 그룹 구조를 업데이트합니다

Sketch에서 삭제된 레이어 제거

Sketch에서 아트보드를 다시 가져올 때 Sketch에서 삭제된 레이어를 제거합니다

아트보드

가져올 Sketch의 아트보드를 선택합니다

가져오기 크기

레이어의 배율을 설정합니다. 이는 Sketch에서 선택한 아트보드의 크기에 따라 변경될 수 있습니다

모든 레이어 구조

아트보드의 모든 레이어가 폴더 구조로 가져와집니다

내보내기 가능한 레이어

"내보내기 가능"으로 설정된 레이어만 가져옵니다

레이어 위치 덮어쓰기

Sketch에서 아트보드를 다시 가져올 때 레이어의 위치 값을 덮어씁니다

레이어 크기 덮어쓰기

Sketch에서 아트보드를 다시 가져올 때 레이어의 크기 값을 덮어씁니다

레이어 순서 및 그룹 구조 업데이트

Sketch에서 아트보드를 다시 가져올 때 레이어 순서 및 그룹 구조를 업데이트합니다

Sketch에서 삭제된 레이어 제거

Sketch에서 아트보드를 다시 가져올 때 Sketch에서 삭제된 레이어를 제거합니다