프로토타이핑 가져오기 및 내보내기

Figma에서 “Import to Phase” 플러그인을 사용하여 디자인을 Phase로 가져오세요. Figma에서 인터랙티브 컴포넌트를 설정했다면 Phase가 해당 액션으로 자동 변환합니다.

액션 (인터랙션) 내보내기
원하는 액션을 선택하지 않은 경우, "내보내기" 버튼을 클릭하면 Phase가 화면의 첫 번째 액션을 애니메이션으로 자동 내보내기합니다.

원하는 액션을 내보내려면:

지원되는 애니메이션 내보내기 파일 형식은 다음과 같습니다:

GIF: GIF는 웹사이트 임베드나 소셜 미디어에 완벽한 작고 반복되는 애니메이션에 적합합니다.
MP4: 고품질 비디오 내보내기에는 MP4가 가장 좋습니다.
Lottie (.json): Lottie JSON 파일은 애니메이션을 편집 가능하고 가볍게 유지합니다. 다양한 플랫폼과 앱에서 부드러운 애니메이션을 구현하는 데 매우 유용합니다.
dotLottie (.lottie): DotLottie 파일은 Lottie 애니메이션을 더 작은 파일 크기의 단일 자체 포함 패키지로 압축하여 간소화된 공유 및 배포에 적합합니다.

검사 모드에서는 디자인을 CSS 및 JS를 사용하는 React 컴포넌트로 변환합니다. 변환된 코드를 복사하여 코드베이스에 붙여넣거나 엔지니어에게 참고 자료로 제공할 수 있습니다.

프로토타이핑 시작하기

저희 무료 웹 기반 플랫폼으로 시작해보세요.