Wer kann das tun: Alle Nutzer mit einem Business-Preisplan oder dem Add-on „Miro Prototypes“ für Enterprise-Preispläne, (Reforge Build) Alle Nutzer
Welche Preispläne: Business, Enterprise
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 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 mit Tailwind CSS. Du kannst die Dateien in jeder IDE öffnen.
Gehe dazu wie folgt vor:
- Öffne in Reforge Build deinen Prototyp.
- Oberhalb des Vorschaufelds klicke auf
<>, um Code mode zu öffnen. - Klicke rechts auf den Abwärtspfeil, um Download code as ZIP.
Eine.zip-Datei wird heruntergeladen. Alle Komponenten, Routen und Styles des Prototyps bleiben erhalten.
Editable Prototypen von Reforge Build nach Miro importieren
Um Prototypen von Reforge Build nach Miro zu importieren, mach Screenshots deiner Prototypen und füge sie auf einem Miro-Canvas ein. Anschließend kannst du die Screenshots in bearbeitbare Miro-Prototypen umwandeln.
In Reforge Build
- Öffne deinen Prototyp.
- Auf der rechten Seite klicke auf In neuem Tab öffnen.
Deine Prototypvorschau öffnet sich in einem separaten Browser-Tab.In Reforge Build kannst du die Prototypvorschau in einem neuen Tab öffnen.
- Mach einen Screenshot von deinem Prototyp. Verwende ein beliebiges Screenshot-Tool, die Dev Tools oder Tastenkombinationen.
-
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. Mache dann den Screenshot. Die Zoomstufe wirkt sich nicht auf die Konvertierung in Miro aus.
In Miro
- Füge den Screenshot in ein Miro-Board ein oder ziehe die gespeicherte Bilddatei auf den Canvas.
- Klicke auf das importierte Bild, um es auszuwählen.
Ein Kontextmenü erscheint. - Klicke auf In Prototyp konvertieren 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.
- (Optional) Fordere den Sidekick per Prompt auf, deinen Prototyp weiterzuentwickeln.
- Klicke auf Zum Canvas hinzufügen.
Dein Reforge Build-Prototyp ist jetzt ein bearbeitbarer Prototyp in Miro.
Weitere Informationen: Sieh dir Miro Prototypes an.