실행 가능한 사용자: 모든 사용자
사용 가능 플랜: Business, Enterprise (Accelerate 라이선스)
사용 가능 환경: 브라우저, 데스크톱
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를 참조하세요.