Backup von Reforge-Prototypen und Import in Miro

Wer kann das tun: Alle Nutzer mit dem Miro Prototypes Add-on, (Reforge Build) Alle Nutzer
Welche Preispläne: Starter, Business, Enterprise
Welche Plattformen: Browser, Desktop

Nutzer von Reforge Build 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 konvertieren.

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 einschließlich 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-Felds auf <>, um den Code-Modus zu öffnen.
3. Klicke rechts auf den Abwärtspfeil, um 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 nach Miro zu importieren, mach 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 Vorschau deines Prototyps öffnet sich in einem separaten Browser-Tab.
   In Reforge Build kannst du die Vorschau deines Prototyps in einem neuen Tab öffnen.
3. Mach einen Screenshot deines Prototyps. Verwende ein beliebiges Screenshot-Tool, die Entwicklertools oder Tastenkombinationen.

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

   Tipp: Wenn sich dein Reforge Build-Prototyp scrollt, zoome heraus, bis er vollständig sichtbar ist. Mache dann einen Screenshot. Die Zoomstufe beeinflusst die Konvertierung in Miro nicht.

In Miro

1. Füge auf einem Miro-Board den Screenshot ein oder ziehe die gespeicherte Bilddatei auf das Canvas.
2. Klicke auf das importierte Bild.
   Ein Kontextmenü erscheint.
3. Klicke 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 mit Prompts auf, deinen Prototyp zu verfeinern.
5. Klicke Auf Canvas hinzufügen.
   Dein Reforge Build-Prototyp ist jetzt in Miro bearbeitbar.

Weitere Informationen: Siehe Miro Prototypes.