Mit ProtoPie kannst du Prototypen für vielfältige digitale Produkte erstellen. ProtoPie ist für macOS und Windows verfügbar.

Neben grundlegenden Funktionen bietet ProtoPie auch Optionen für erweiterte bedingte Interaktionen, wie etwa:

• Geräteübergreifende Interaktionen erstellen
• Hardware-Integrationen erstellen
• Gerätespezifische Sensoren wie das Gyroskop, den Kompass, das Mikrofon und Näherungssensoren verwenden

Die Integration ermöglicht es dir, deine Figma-Designs direkt in ProtoPie zu importieren und realistische Prototypen zu entwerfen.

Figma und ProtoPie verbinden

Du kannst deine Designs von Figma in ProtoPie importieren.

Du musst dafür zuvor ProtoPie den Zugriff auf deine Dateien in Figma erlauben.

Das Verbinden der Apps und das Erteilen der Zugriffserlaubnis für ProtoPie sind nur einmal zu Beginn erforderlich.

1. Öffne ProtoPie und klicke links oben auf das Symbol für den Import.
2. Wähle in den Optionen Figma aus.
3. ProtoPie bittet daraufhin um Zugriffserlaubnis für deine Figma-Dateien. Klicke auf Proceed to browser (Browserfenster öffnen), um Figma in einem neuen Browserfenster zu öffnen.
4. Wenn du nicht bereits bei deinem Figma-Konto angemeldet bist, melde dich an.
5. Klicke anschließend auf die Schaltfläche Allow Access (Zugriff erlauben), damit ProtoPie auf deine Dateien zugreifen kann.
6. Nachdem du die Zugriffserlaubnis erteilt hast, kannst du das Browserfenster schließen oder auf die Schaltfläche Go to ProtoPie (Zu ProtoPie gehen) klicken, um die ProtoPie-App zu öffnen.

Deine Designs aus Figma importieren

Du kannst jetzt deine Figma-Designs in ProtoPie importieren. Erfahre mehr über die Importoptionen von ProtoPie in dessen Importdokumentation (externer Link).

Du kannst Rahmen aus allen Dateien importieren, die du in den letzten 12 Stunden geöffnet oder bearbeitet hast.

Neue Designs importieren

1. Öffne ProtoPie.
2. Klicke links oben auf die Schaltfläche Import.
3. Wähle in der Dropdown-Liste Frame (Rahmen) den zu importierenden Rahmen aus.
   
4. Wähle die erforderliche Import Size (Importgröße) aus.
5. Du kannst zwischen All layer structure (Alle Ebenen) und Only layers marked for export (Nur für den Export markierte Ebenen) wählen. Aktiviere die Option All layer structure (Alle Ebenen) aus.
   
6. Klicke auf Import, um den Importvorgang zu starten.
7. ProtoPie lädt die Ebenen in deine aktuelle Datei herunter. Die Reihenfolge der Ebenen in Figma bleibt dabei erhalten.
   

Designs erneut importieren

Wenn du nach einem Import Änderungen am Originaldesign in Figma vornimmst, kannst du die Rahmen erneut importieren.

Während du den Importprozess durchläufst, siehst du den Abschnitt Re-import Options (Optionen für erneuten Import). Hier legst du fest, wie ProtoPie Rahmen erneut importieren soll.

Wenn du Dateien erneut importierst, kannst du:

• Positionen der Ebenen [und jegliche Änderungen daran] überschreiben
• Größe der Ebenen [und jegliche Änderungen daran] überschreiben
• Reihenfolge der Ebenen und Gruppenstruktur aktualisieren
• Ebenen entfernen, die in Figma gelöscht oder ausgeblendet wurden
  
  

Figma-Konto trennen

Wenn du ein anderes Figma-Konto mit ProtoPie verbinden oder jegliche Verbindung aufheben möchtest, kannst du ProtoPie von deinem Figma-Konto trennen.

Ändere dies in deinen Kontoeinstellungen in Figma.

1. Melde dich bei deinem Figma-Konto an und öffne den Datei-Browser.
2. Klicke links oben auf deinen Namen und wähle den Tab Settings (Einstellungen) aus.
3. Scrolle nach unten zum Abschnitt Connected Apps (Verbundene Apps).
4. Klicke neben der ProtoPie-Integration auf Revoke access (Zugriff widerrufen):