Backup von Reforge-Prototypen erstellen und in Miro importieren

Verfügbar für: Alle Nutzer 
Welche Preispläne: Business, Enterprise (Accelerate-Lizenz)
Welche Plattformen: Browser, Desktop

Reforge Build-Nutzer können ihre Prototypen als React-Projekte in .zip-Dateien exportieren. In Miro können Nutzer ihre Reforge-Prototypen außerdem in bearbeitbare Miro Prototypes umwandeln.

Prototypen aus Reforge Build exportieren

Um deine Reforge Build-Prototypen zu exportieren, kannst du die Prototypen als .zip-Dateien herunterladen. Die Dateien enthalten deine kompletten React-Projekte mit Tailwind CSS. Du kannst die Dateien in jeder IDE öffnen.

Gehe dazu wie folgt vor:

1. Öffne in Reforge Build deinen Prototyp.
2. Klicke oberhalb des Vorschau-Feldes auf <>, um den Code-Modus zu öffnen.
3. Klicke rechts auf den Pfeil nach unten und wähle Code als ZIP herunterladen.
   Eine .zip-Datei wird heruntergeladen. Alle Prototyp-Komponenten, Routen und Stile bleiben erhalten.

Bearbeitbare Prototypen von Reforge Build in Miro importieren

Um Prototypen von Reforge Build in Miro zu importieren, mache Screenshots deiner Prototypen und füge sie auf ein Miro-Canvas ein. Anschließend kannst du die Screenshots in bearbeitbare Prototypen in Miro umwandeln.

In Reforge Build

1. Öffne deinen Prototyp.
2. Klicke rechts auf In neuem Tab öffnen.
   Die Prototyp-Vorschau öffnet sich in einem eigenen Browser-Tab.
   In Reforge Build kannst du die Prototyp-Vorschau in einem neuen Tab öffnen.
3. Mache einen Screenshot deines Prototyps. Verwende ein beliebiges Screenshot-Tool, die Dev Tools oder Tastenkombinationen.

4. Kopiere den Screenshot in deine Zwischenablage oder speichere ihn als Bilddatei auf deinem Desktop.

   TIPP: Wenn dein Reforge-Prototyp scrollt, zoome heraus, bis der Prototyp vollständig sichtbar ist. Mach dann den Screenshot. Die Zoomstufe beeinflusst die Konvertierung in Miro nicht.

In Miro

1. Füge den Screenshot in ein Miro-Board ein oder ziehe die gespeicherte Bilddatei auf den Canvas.
2. Klicke, um das importierte Bild auszuwählen.
   Ein Kontextmenü erscheint.
3. Klicke auf Konvertieren in und wähle Prototyp.
   Das Sidekicks-Feld öffnet sich und wandelt deinen Screenshot in einen bearbeitbaren Prototyp um.
   In Miro kannst du Screenshots in bearbeitbare Prototypen umwandeln.
4. (Optional) Fordere den Sidekick weiterhin per Prompt auf, deinen Prototyp weiterzuentwickeln.
5. Klicke auf Zum Canvas hinzufügen.
   Dein Reforge Build-Prototyp ist jetzt in Miro als bearbeitbarer Prototyp verfügbar.

Weitere Informationen: Siehe Miro Prototypes.