ProtoPie AI is here — Now in Beta. Learn More
ProtoPie AI is here — Now in Beta. Learn More
INSIGHTS & INSPIRATION
PRODUCT LEARNING & SUPPORT
INSIGHTS & INSPIRATION
PRODUCT LEARNING & SUPPORT
ProtoPie + Adebe XD
Adobe XD를 위한 고충실도 프로토타이핑 — 클릭형 프로토타입의 한계 너머로! Adobe XD 디자인을 Import후 인터랙션을 적용해보세요.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 460 460" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="vESr0xvLJ-2741810037-linear-gradient" x1="0.7376796582699121" x2="0.26232034173008784" y1="1" y2="0"><stop offset="0" stop-color="rgb(255, 149, 125)"/><stop offset="1" stop-color="rgb(255, 172, 125)"/></linearGradient></defs><g d="M 405.821 0 C 418.07 0 428 9.93 428 22.179 L 428 297.54 L 427.999 297.664 L 427.999 425.216 C 427.999 444.434 412.42 460.013 393.203 460.013 L 34.797 460.013 C 15.579 460.013 0 444.434 0 425.216 L 0 314.785 C 0 302.536 9.93 292.605 22.179 292.605 L 38.813 292.605 C 51.062 292.605 60.992 282.676 60.992 270.427 L 60.992 265.991 C 60.992 253.742 70.922 243.812 83.171 243.812 L 100.027 243.812 C 112.276 243.812 122.206 233.882 122.206 221.633 L 122.206 217.211 C 122.206 204.962 132.136 195.032 144.385 195.032 L 161.13 195.032 C 173.379 195.032 183.309 185.102 183.309 172.853 L 183.309 168.41 C 183.309 156.161 193.239 146.231 205.488 146.231 L 222.233 146.231 C 234.482 146.231 244.412 136.301 244.412 124.052 L 244.412 119.609 C 244.412 107.361 254.342 97.431 266.591 97.431 L 283.336 97.431 C 284.041 97.431 284.738 97.463 285.425 97.528 C 296.828 96.607 305.794 87.061 305.794 75.422 L 305.794 70.98 C 305.794 58.731 315.724 48.8 327.973 48.8 L 344.718 48.8 C 356.967 48.8 366.897 38.871 366.897 26.622 L 366.897 22.179 C 366.897 9.93 376.827 0 389.076 0 Z" fill="transparent" height="460.0129560764943px" id="P86QpPHw3" transform="translate(16 0)" width="428px"><path d="M 405.821 0 C 418.07 0 428 9.93 428 22.179 L 428 297.54 L 427.999 297.664 L 427.999 425.216 C 427.999 444.434 412.42 460.013 393.203 460.013 L 34.797 460.013 C 15.579 460.013 0 444.434 0 425.216 L 0 314.785 C 0 302.536 9.93 292.605 22.179 292.605 L 38.813 292.605 C 51.062 292.605 60.992 282.676 60.992 270.427 L 60.992 265.991 C 60.992 253.742 70.922 243.812 83.171 243.812 L 100.027 243.812 C 112.276 243.812 122.206 233.882 122.206 221.633 L 122.206 217.211 C 122.206 204.962 132.136 195.032 144.385 195.032 L 161.13 195.032 C 173.379 195.032 183.309 185.102 183.309 172.853 L 183.309 168.41 C 183.309 156.161 193.239 146.231 205.488 146.231 L 222.233 146.231 C 234.482 146.231 244.412 136.301 244.412 124.052 L 244.412 119.609 C 244.412 107.361 254.342 97.431 266.591 97.431 L 283.336 97.431 C 284.041 97.431 284.738 97.463 285.425 97.528 C 296.828 96.607 305.794 87.061 305.794 75.422 L 305.794 70.98 C 305.794 58.731 315.724 48.8 327.973 48.8 L 344.718 48.8 C 356.967 48.8 366.897 38.871 366.897 26.622 L 366.897 22.179 C 366.897 9.93 376.827 0 389.076 0 Z" fill="url(%23vESr0xvLJ-2741810037-linear-gradient)" height="460.0129560764943px" id="vESr0xvLJ" width="428px"/></g></svg>)
ProtoPie + Adebe XD
Adobe XD를 위한 고충실도 프로토타이핑 — 클릭형 프로토타입의 한계 너머로! Adobe XD 디자인을 Import후 인터랙션을 적용해보세요.
ProtoPie + Adebe XD
Figma용 고충실도 프로토타이핑—제한적인 클릭형 프로토타입을 넘어보세요. Figma 디자인을 가져와 동적이고 조건부인 상호작용을 추가하세요.
출시 제품과 똑같이 반응하는 인터랙션
움직임 없는 디자인을 순식간에 세련된 프로토타입으로 바꿔 보세요. 간단한 상호작용부터 복잡한 수식이 필요한 기능까지, 모두 코드 없이 구현할 수 있습니다.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="WPFNLjg0z-3586339377-linear-gradient" x1="5.551115123125783e-17" x2="1" y1="0.599244904232048" y2="0.40075509576795204"><stop offset="0" stop-color="rgb(156, 110, 255)"/><stop offset="1" stop-color="rgb(255, 96, 96)"/></linearGradient></defs><path d="M 24 0 L 24 7.384 L 20.96 4.344 L 17.174 8.13 C 16.803 7.635 16.364 7.196 15.869 6.825 L 19.654 3.039 L 16.615 0 Z M 0 16.615 L 3.04 19.655 L 6.824 15.87 C 7.194 16.365 7.634 16.804 8.13 17.175 L 4.345 20.96 L 7.385 24 L 0 24 Z M 12 16.615 C 9.451 16.615 7.385 14.549 7.385 12 C 7.385 9.451 9.451 7.385 12 7.385 C 14.549 7.385 16.615 9.451 16.615 12 C 16.615 14.549 14.549 16.615 12 16.615 Z M 12 14.77 C 13.002 14.789 13.936 14.265 14.443 13.401 C 14.949 12.536 14.949 11.465 14.443 10.6 C 13.936 9.736 13.002 9.212 12 9.231 C 10.491 9.26 9.283 10.491 9.283 12.001 C 9.283 13.51 10.491 14.741 12 14.77 Z" fill="url(%23WPFNLjg0z-3586339377-linear-gradient)" height="23.999999885559085px" id="WPFNLjg0z" width="24.00000043487549px"/></svg>)
Multi touch
Conditional logic
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 28 25" xmlns="http://www.w3.org/2000/svg"><path d="M 4.043 0 L 24.255 0 C 26.488 0 28.298 1.876 28.298 4.19 L 28.298 20.952 C 28.298 23.266 26.488 25.142 24.255 25.142 L 4.043 25.142 C 1.81 25.142 0 23.266 0 20.952 L 0 4.191 C 0 1.877 1.81 0.001 4.043 0.001 Z M 4.043 2.095 C 2.927 2.095 2.023 3.033 2.023 4.19 L 2.023 20.952 C 2.023 22.109 2.927 23.047 4.043 23.047 L 24.257 23.047 C 25.373 23.047 26.278 22.109 26.278 20.952 L 26.278 4.19 C 26.278 3.033 25.373 2.095 24.258 2.095 Z M 8.086 18.857 L 6.065 18.857 L 6.065 6.285 L 8.086 6.285 Z" fill="rgb(255, 255, 255)" height="25.142000000000003px" id="yNGoWI6gt" width="28.298px"/></svg>)
Text input
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 32 0 L 32 32 L 0 32 Z M 4.363 3.929 C 4.363 3.653 4.587 3.429 4.863 3.429 L 6.045 3.429 C 6.321 3.429 6.545 3.653 6.545 3.929 L 6.545 18.737 C 6.545 19.013 6.321 19.237 6.045 19.237 L 4.863 19.237 C 4.587 19.237 4.363 19.013 4.363 18.737 Z M 0 6.187 C 0 5.911 0.224 5.687 0.5 5.687 L 1.682 5.687 C 1.958 5.687 2.182 5.911 2.182 6.187 L 2.182 16.479 C 2.182 16.755 1.958 16.979 1.682 16.979 L 0.5 16.979 C 0.224 16.979 0 16.755 0 16.479 Z M 32.219 14.721 C 32.495 14.721 32.719 14.945 32.719 15.221 L 32.718 25.513 C 32.718 25.789 32.494 26.013 32.218 26.013 L 31.053 26.013 C 30.777 26.013 30.553 25.789 30.553 25.513 L 30.555 15.221 C 30.555 14.945 30.779 14.721 31.055 14.721 Z M 26.185 12.962 C 26.185 12.686 26.409 12.462 26.685 12.462 L 27.861 12.462 C 28.137 12.462 28.361 12.686 28.361 12.962 L 28.361 27.771 C 28.361 28.047 28.137 28.271 27.861 28.271 L 26.685 28.271 C 26.409 28.271 26.185 28.047 26.185 27.771 Z M 8.728 4.43 C 8.728 3.878 9.176 3.43 9.728 3.43 L 23 3.43 C 23.552 3.43 24 3.878 24 4.43 L 24 27.27 C 24 27.822 23.552 28.27 23 28.27 L 9.727 28.27 C 9.175 28.27 8.727 27.822 8.727 27.27 L 8.727 4.429 Z M 10.91 26.014 L 21.819 26.014 L 21.819 5.686 L 10.909 5.686 L 10.909 26.011 Z" fill="transparent" height="32px" id="wPoCuPbAK" width="32.71899949645996px"><path d="M 0 0 L 32 0 L 32 32 L 0 32 Z" fill="transparent" height="32px" id="tF7kO7ckj" width="32px"/><path d="M 4.363 0.5 C 4.363 0.224 4.587 0 4.863 0 L 6.045 0 C 6.321 0 6.545 0.224 6.545 0.5 L 6.545 15.308 C 6.545 15.584 6.321 15.808 6.045 15.808 L 4.863 15.808 C 4.587 15.808 4.363 15.584 4.363 15.308 Z M 0 2.758 C 0 2.482 0.224 2.258 0.5 2.258 L 1.682 2.258 C 1.958 2.258 2.182 2.482 2.182 2.758 L 2.182 13.05 C 2.182 13.326 1.958 13.55 1.682 13.55 L 0.5 13.55 C 0.224 13.55 0 13.326 0 13.05 Z M 32.219 11.292 C 32.495 11.292 32.719 11.516 32.719 11.792 L 32.718 22.084 C 32.718 22.36 32.494 22.584 32.218 22.584 L 31.053 22.584 C 30.777 22.584 30.553 22.36 30.553 22.084 L 30.555 11.792 C 30.555 11.516 30.779 11.292 31.055 11.292 Z M 26.185 9.533 C 26.185 9.257 26.409 9.033 26.685 9.033 L 27.861 9.033 C 28.137 9.033 28.361 9.257 28.361 9.533 L 28.361 24.342 C 28.361 24.618 28.137 24.842 27.861 24.842 L 26.685 24.842 C 26.409 24.842 26.185 24.618 26.185 24.342 Z M 8.728 1.001 C 8.728 0.449 9.176 0.001 9.728 0.001 L 23 0.001 C 23.552 0.001 24 0.449 24 1.001 L 24 23.841 C 24 24.393 23.552 24.841 23 24.841 L 9.727 24.841 C 9.175 24.841 8.727 24.393 8.727 23.841 L 8.727 1 Z M 10.91 22.585 L 21.819 22.585 L 21.819 2.257 L 10.909 2.257 L 10.909 22.582 Z" fill="rgb(255, 255, 255)" height="24.841999992370607px" id="fjG_Go_FM" transform="translate(0 3.429)" width="32.71899949645996px"/></g></svg>)
Sensor
출시 제품과 똑같이 반응하는 인터랙션
움직임 없는 디자인을 순식간에 세련된 프로토타입으로 바꿔 보세요. 간단한 상호작용부터 복잡한 수식이 필요한 기능까지, 모두 코드 없이 구현할 수 있습니다.
Multi touch
Conditional logic
Text input
Sensor
출시 제품과 똑같이 반응하는 인터랙션
움직임 없는 디자인을 순식간에 세련된 프로토타입으로 바꿔 보세요. 간단한 상호작용부터 복잡한 수식이 필요한 기능까지, 모두 코드 없이 구현할 수 있습니다.
Multi touch
Conditional logic
Text input
Sensor
기획 의도대로 움직이는 프로토타입
모바일, 태블릿, 데스크톱에서 프로토타입을 테스트하세요. 온라인으로 공유하여 팀원들로부터 빠른 피드백을 받는 것도 가능합니다!
데스크톱 브라우저에서 실시간 테스트
iPhone, iPad 또는 Android 기기에서 실시간 테스트
온라인 공유 및 코멘트 가능
기획 의도대로 움직이는 프로토타입
모바일, 태블릿, 데스크톱에서 프로토타입을 테스트하세요. 온라인으로 공유하여 팀원들로부터 빠른 피드백을 받는 것도 가능합니다!
데스크톱 브라우저에서 실시간 테스트
iPhone, iPad 또는 Android 기기에서 실시간 테스트
온라인 공유 및 코멘트 가능
기획 의도대로 움직이는 프로토타입
모바일, 태블릿, 데스크톱에서 프로토타입을 테스트하세요. 온라인으로 공유하여 팀원들로부터 빠른 피드백을 받는 것도 가능합니다!
데스크톱 브라우저에서 실시간 테스트
iPhone, iPad 또는 Android 기기에서 실시간 테스트
온라인 공유 및 코멘트 가능
이해하기 쉬운 모델 구조
ProtoPie의 심플한 로직 기반 개념 모델은 블록을 만드는 것과 비슷하게 작동합니다. 어떤 상호작용이든 Object + Trigger + Response만 있으면 바로 생성 가능합니다.
로직 기반
이해하기 쉬운 구조
코드 프리
이해하기 쉬운 모델 구조
ProtoPie의 심플한 로직 기반 개념 모델은 블록을 만드는 것과 비슷하게 작동합니다. 어떤 상호작용이든 Object + Trigger + Response만 있으면 바로 생성 가능합니다.
로직 기반
이해하기 쉬운 구조
코드 프리
이해하기 쉬운 모델 구조
ProtoPie의 심플한 로직 기반 개념 모델은 블록을 만드는 것과 비슷하게 작동합니다. 어떤 상호작용이든 Object + Trigger + Response만 있으면 바로 생성 가능합니다.
로직 기반
이해하기 쉬운 구조
코드 프리
손끝에서 바로 느끼는 속도와 유연성
디자인을 ProtoPie로 가져와 바로 인터랙티브 프로토타이핑을 시작하세요.
1. Adobe XD 디자인을 ProtoPie로 가져오기
다양한 프레임이나 필요한 개체를 ProtoPie로 전송하세요.
2. 실제 제품과 똑같은 프로토타입을 만들기
인터랙션과 조건부 로직으로 기획한 의도에 딱 맞는 프로토타입 구현이 가능합니다.
3. 여러 기기에서 프로토타입을 테스트 가능
모바일, 데스크톱, 클라우드에서 프로토타입을 실행하고, 세팅된 다이나믹한 인터랙션을 직접 경험해보세요.
손끝에서 바로 느끼는 속도와 유연성
디자인을 ProtoPie로 가져와 바로 인터랙티브 프로토타이핑을 시작하세요.
1. Adobe XD 디자인을 ProtoPie로 가져오기
다양한 프레임이나 필요한 개체를 ProtoPie로 전송하세요.
2. 실제 제품과 똑같은 프로토타입을 만들기
인터랙션과 조건부 로직으로 기획한 의도에 딱 맞는 프로토타입 구현이 가능합니다.
3. 여러 기기에서 프로토타입을 테스트 가능
모바일, 데스크톱, 클라우드에서 프로토타입을 실행하고, 세팅된 다이나믹한 인터랙션을 직접 경험해보세요.
손끝에서 바로 느끼는 속도와 유연성
디자인을 ProtoPie로 가져와 바로 인터랙티브 프로토타이핑을 시작하세요.
1. Adobe XD 디자인을 ProtoPie로 가져오기
다양한 프레임이나 필요한 개체를 ProtoPie로 전송하세요.
2. 실제 제품과 똑같은 프로토타입을 만들기
인터랙션과 조건부 로직으로 기획한 의도에 딱 맞는 프로토타입 구현이 가능합니다.
3. 여러 기기에서 프로토타입을 테스트 가능
모바일, 데스크톱, 클라우드에서 프로토타입을 실행하고, 세팅된 다이나믹한 인터랙션을 직접 경험해보세요.
전 세계 최고의 팀들이 신뢰하는 ProtoPie
Eduardo Sonnino
,
Senior Designer, Microsoft
"수많은 프로토타이핑 도구를 거쳐왔지만, ProtoPie는 여태 활용해 본 툴 중, 다양한 목적을 가진 팀의 워크플로에 딱 맞는 가장 유연하고 강력한 툴이었습니다. 어떤 도구나 플랫폼을 사용하던 순식간에 디자인 에셋을 임포트하고 몇 분 만에 코드 프리로 프로토타입을 만드는 것이 가능했습니다."
전 세계 최고의 팀들이 신뢰하는 ProtoPie
Eduardo Sonnino
,
Senior Designer, Microsoft
"수많은 프로토타이핑 도구를 거쳐왔지만, ProtoPie는 여태 활용해 본 툴 중, 다양한 목적을 가진 팀의 워크플로에 딱 맞는 가장 유연하고 강력한 툴이었습니다. 어떤 도구나 플랫폼을 사용하던 순식간에 디자인 에셋을 임포트하고 몇 분 만에 코드 프리로 프로토타입을 만드는 것이 가능했습니다."
전 세계 최고의 팀들이 신뢰하는 ProtoPie
Eduardo Sonnino
,
Senior Designer, Microsoft
"수많은 프로토타이핑 도구를 거쳐왔지만, ProtoPie는 여태 활용해 본 툴 중, 다양한 목적을 가진 팀의 워크플로에 딱 맞는 가장 유연하고 강력한 툴이었습니다. 어떤 도구나 플랫폼을 사용하던 순식간에 디자인 에셋을 임포트하고 몇 분 만에 코드 프리로 프로토타입을 만드는 것이 가능했습니다."
FAQs
ProtoPie에서 개별 레이어에 상호작용을 만들 수 있나요?
네, ProtoPie의 개념적 모델을 사용하면 개별 레이어에 할당된 트리거와 반응을 통해 상호작용을 만들 수 있습니다.
이렇게 하면 Figma, Sketch 또는 Adobe XD에서는 만들 수 없는, 완전한 제어가 가능한 사실적인 마이크로 인터랙션을 만들 수 있습니다.
ProtoPie에서 스크롤 가능한 영역을 만들 수 있나요?
네! ProtoPie에서는 스크롤 가능한 영역을 매우 쉽게 만들 수 있습니다. 크기, 스크롤 방향(세로 또는 가로), 그리고 스크롤과 페이징 중에서 선택할 수 있습니다.
더 나아가, 스크롤 가능한 영역과 관련된 조건부 인터랙션도 만들 수 있습니다.
ProtoPie 플러그인은 Adobe XD에서 macOS와 Windows에서 사용할 수 있나요?
네! Adobe XD용 ProtoPie 플러그인은 macOS와 Windows에서 사용할 수 있습니다.
ProtoPie는 Figma 및 Sketch와 연동되나요?
네, ProtoPie는 Figma 및 Sketch와 통합을 제공합니다.
FAQs
ProtoPie에서 개별 레이어에 상호작용을 만들 수 있나요?
네, ProtoPie의 개념적 모델을 사용하면 개별 레이어에 할당된 트리거와 반응을 통해 상호작용을 만들 수 있습니다.
이렇게 하면 Figma, Sketch 또는 Adobe XD에서는 만들 수 없는, 완전한 제어가 가능한 사실적인 마이크로 인터랙션을 만들 수 있습니다.
ProtoPie에서 스크롤 가능한 영역을 만들 수 있나요?
네! ProtoPie에서는 스크롤 가능한 영역을 매우 쉽게 만들 수 있습니다. 크기, 스크롤 방향(세로 또는 가로), 그리고 스크롤과 페이징 중에서 선택할 수 있습니다.
더 나아가, 스크롤 가능한 영역과 관련된 조건부 인터랙션도 만들 수 있습니다.
ProtoPie 플러그인은 Adobe XD에서 macOS와 Windows에서 사용할 수 있나요?
네! Adobe XD용 ProtoPie 플러그인은 macOS와 Windows에서 사용할 수 있습니다.
ProtoPie는 Figma 및 Sketch와 연동되나요?
네, ProtoPie는 Figma 및 Sketch와 통합을 제공합니다.
FAQs
ProtoPie에서 개별 레이어에 상호작용을 만들 수 있나요?
네, ProtoPie의 개념적 모델을 사용하면 개별 레이어에 할당된 트리거와 반응을 통해 상호작용을 만들 수 있습니다.
이렇게 하면 Figma, Sketch 또는 Adobe XD에서는 만들 수 없는, 완전한 제어가 가능한 사실적인 마이크로 인터랙션을 만들 수 있습니다.
ProtoPie에서 스크롤 가능한 영역을 만들 수 있나요?
네! ProtoPie에서는 스크롤 가능한 영역을 매우 쉽게 만들 수 있습니다. 크기, 스크롤 방향(세로 또는 가로), 그리고 스크롤과 페이징 중에서 선택할 수 있습니다.
더 나아가, 스크롤 가능한 영역과 관련된 조건부 인터랙션도 만들 수 있습니다.
ProtoPie 플러그인은 Adobe XD에서 macOS와 Windows에서 사용할 수 있나요?
네! Adobe XD용 ProtoPie 플러그인은 macOS와 Windows에서 사용할 수 있습니다.
ProtoPie는 Figma 및 Sketch와 연동되나요?
네, ProtoPie는 Figma 및 Sketch와 통합을 제공합니다.
지금 바로 프로토타이핑을 시작하세요
Adobe XD에는 없는 기능을 활용해, ProtoPie로 Adobe XD 디자인을 현실감 있는 Hi-Fi 프로토타입으로 만들어 보세요.
지금 바로 프로토타이핑을 시작하세요
Adobe XD에는 없는 기능을 활용해, ProtoPie로 Adobe XD 디자인을 현실감 있는 Hi-Fi 프로토타입으로 만들어 보세요.
지금 바로 프로토타이핑을 시작하세요
Adobe XD에는 없는 기능을 활용해, ProtoPie로 Adobe XD 디자인을 현실감 있는 Hi-Fi 프로토타입으로 만들어 보세요.