실행 가능한 사용자: Business 플랜 사용자 또는 Enterprise 플랜용 Miro Prototypes 애드온 사용자, Reforge Build 사용자 모두
사용 가능 플랜: Business, Enterprise
사용 가능 환경: 브라우저, 데스크톱
Reforge Build 사용자는 프로토타입을 React 프로젝트 형태의 .zip 파일로 내보낼 수 있습니다. Miro에서는 Reforge 프로토타입을 편집 가능한 Miro Prototypes로도 변환할 수 있습니다.
Reforge Build에서 프로토타입 내보내기
Reforge Build 프로토타입을 내보내려면 프로토타입을 .zip 파일로 다운로드할 수 있습니다. 이 파일에는 Tailwind CSS가 포함된 전체 React 프로젝트가 들어 있습니다. 파일은 어떤 IDE에서도 열 수 있습니다.
다음 단계를 따르세요.
- Reforge Build에서 프로토타입을 엽니다.
- 미리보기 패널 위에서
<>를 클릭해 Code mode를 엽니다. - 오른쪽에서 아래 화살표를 클릭해 Download code as ZIP을 선택합니다.
.zip파일이 다운로드됩니다. 모든 프로토타입 컴포넌트, 라우트, 스타일이 보존됩니다.
Reforge Build에서 Miro로 편집 가능한 프로토타입 가져오기
Reforge Build에서 Miro로 프로토타입을 가져오려면 프로토타입의 스크린샷을 찍어 Miro 캔버스에 붙여넣습니다. 그런 다음 스크린샷을 Miro에서 편집 가능한 프로토타입으로 변환할 수 있습니다.
Reforge Build에서
- 프로토타입을 엽니다.
- 오른쪽에서 새 탭에서 열기를 클릭합니다.
프로토타입 미리보기가 별도의 브라우저 탭에서 열립니다.Reforge Build에서 프로토타입 미리보기를 새 탭에서 열 수 있습니다.
- 프로토타입의 스크린샷을 찍습니다. 원하는 스크린샷 도구, 개발자 도구 또는 키보드 단축키를 사용하세요.
-
스크린샷을 클립보드에 복사하세요. 또는 스크린샷을 이미지 파일로 데스크톱에 저장하세요.
팁: Reforge Build의 프로토타입이 스크롤되는 경우 프로토타입이 화면에 완전히 보이도록 축소한 다음 스크린샷을 찍으세요. 줌은 Miro에서 변환에 영향을 주지 않습니다.
Miro에서
- Miro 보드에서 스크린샷을 붙여넣거나 저장한 이미지 파일을 캔버스로 드래그하세요.
- 가져온 이미지를 클릭해 선택하세요.
컨텍스트 메뉴가 나타납니다. - ‘변환’을 클릭한 다음 ‘프로토타입’을 선택하세요.
Sidekicks 패널이 열리며 스크린샷을 편집 가능한 프로토타입으로 변환합니다.Miro에서 스크린샷을 편집 가능한 프로토타입으로 변환할 수 있습니다.
- 선택적으로 Sidekick에게 프롬프트를 계속 보내며 프로토타입을 반복 개선하세요.
- ‘캔버스에 추가’를 클릭하세요.
Reforge Build 프로토타입이 이제 Miro에서 편집 가능한 프로토타입으로 변환됩니다.
자세한 정보: Miro Prototypes를 참조하세요.