Reforge 프로토타입 백업 및 Miro로 가져오기

실행 가능한 사용자: Miro Prototypes 애드온이 있는 모든 사용자, (Reforge Build) 모든 사용자
사용 가능 플랜: Starter, Business, Enterprise
사용 가능 환경: 브라우저, 데스크톱

Reforge Build 사용자는 프로토타입을 React 프로젝트 형태의 .zip 파일로 내보낼 수 있습니다. Miro에서는 Reforge 프로토타입을 편집 가능한 Miro Prototypes로 변환할 수도 있습니다.

Reforge Build에서 프로토타입 내보내기

Reforge Build 프로토타입을 내보내려면 프로토타입을 .zip 파일로 다운로드할 수 있습니다. 해당 파일에는 Tailwind CSS가 포함된 전체 React 프로젝트가 들어 있습니다. 어떤 IDE에서든 파일을 열 수 있습니다.

다음 단계를 따르세요:

1. Reforge Build에서 프로토타입을 엽니다.
2. 미리보기 패널 위에서 <>를 클릭해 코드 모드를 엽니다.
3. 오른쪽에서 아래 화살표를 클릭해 코드를 ZIP으로 다운로드합니다.
   .zip 파일이 다운로드됩니다. 모든 프로토타입 컴포넌트, 라우트, 스타일이 보존됩니다.

Reforge Build에서 Miro로 편집 가능한 프로토타입 가져오기

Reforge Build에서 Miro로 프로토타입을 가져오려면 프로토타입의 스크린샷을 찍어 Miro 캔버스에 붙여넣습니다. 그런 다음 해당 스크린샷을 Miro에서 편집 가능한 프로토타입으로 변환할 수 있습니다.

Reforge Build에서

1. 프로토타입을 엽니다.
2. 오른쪽에서 새 탭에서 열기를 클릭합니다.
   프로토타입 미리보기가 별도 브라우저 탭에서 열립니다.
   Reforge Build에서 프로토타입 미리보기를 새 탭에서 열 수 있습니다.
3. 프로토타입의 스크린샷을 찍습니다. 스크린샷 도구, 개발자 도구 또는 키보드 단축키를 사용합니다.

4. 스크린샷을 클립보드에 복사하거나 데스크탑에 이미지 파일로 저장합니다.

   팁: Reforge Build 프로토타입이 스크롤되는 경우, 프로토타입 전체가 보이도록 축소한 다음 스크린샷을 찍으세요. 축소 수준은 Miro로의 변환에 영향을 주지 않습니다.

Miro에서

1. Miro 보드에서 스크린샷을 붙여넣거나 저장한 이미지 파일을 캔버스로 드래그합니다.
2. 가져온 이미지를 클릭해 선택합니다.
   컨텍스트 메뉴가 나타납니다.
3. Convert to를 클릭하고 Prototype을 선택하세요.
   Sidekicks 패널이 열리며 스크린샷을 편집 가능한 프로토타입으로 변환합니다.
   Miro에서 스크린샷을 편집 가능한 프로토타입으로 변환할 수 있습니다.
4. (선택 사항) 계속해서 Sidekick에게 프롬프트를 입력해 프로토타입을 개선하세요.
5. Add to canvas를 클릭하세요.
   이제 Reforge Build 프로토타입이 Miro에서 편집 가능한 프로토타입이 되었습니다.

자세한 정보: Miro Prototypes를 참조하세요.