ProtoPie et Figma
ProtoPie vous permet de créer des prototypes pour un large éventail de produits numériques. ProtoPie est disponible sur macOS et Windows.
Vous pouvez utiliser ProtoPie pour des fonctionnalités de base, mais également pour tester les interactions conditionnelles avancées. ProtoPie vous permet de :
- créer des interactions entre différents appareils ;
- concevoir des intégrations matérielles ;
- utiliser des capteurs spécifiques à vos appareils, par exemple un gyroscope, une boussole, un microphone ou des capteurs de proximité.
L’intégration vous permet d’importer directement vos designs Figma dans ProtoPie. Vous pourrez ensuite les transformer en prototypes réalistes dans ProtoPie.
ProtoPie propose également un plugin pour Figma. Téléchargez le plugin ProtoPie pour :
-
importer plusieurs cadres et objets ;
-
importer des cadres de premier niveau en tant que scènes ;
-
importer des sélections ;
-
importer des calques vectoriels en tant que SVG ;
-
importer des calques de texte en tant que SVG qui peuvent être convertis en calques de texte ;
-
importer des contraintes en tant que contraintes.
Connectez Figma et ProtoPie.
Vous pouvez importer vos designs Figma dans ProtoPie.
Avant de débuter, ProtoPie aura besoin de votre autorisation pour accéder à vos fichiers dans Figma.
Il vous suffit seulement de connecter les deux applications une seule fois. Une fois que vous avez donné l’autorisation à ProtoPie, vous n’aurez plus besoin de le faire.
- Ouvrez ProtoPie et cliquez sur l’icône Import dans le coin supérieur gauche.
- Sélectionnez Figma dans les options.
- ProtoPie demande la permission d’accéder à vos fichiers Figma. Cliquez sur Proceed to browser pour ouvrir Figma dans une nouvelle fenêtre de navigateur.
- Si vous n’êtes pas encore connecté(e) à votre compte Figma, vous devez le faire.
- Une fois connecté(e), cliquez sur le bouton Allow Access pour autoriser ProtoPie à accéder à vos fichiers.
- Après avoir autorisé l’accès à ProtoPie, vous pouvez fermer la fenêtre du navigateur, ou cliquer sur le bouton Go to ProtoPie pour ouvrir l’application ProtoPie.
Importer vos designs depuis Figma
Vous pouvez désormais importer vos designs Figma dans ProtoPie. Obtenez plus d’informations sur les options d’importation de ProtoPie dans leur documentation d’importation (lien externe).
Vous pouvez importer des cadres depuis n’importe quel fichier que vous avez ouvert ou modifié dans les douze heures qui précèdent.
Importer de nouveaux designs
- Ouvrez ProtoPie.
- Cliquez sur le bouton Import dans le coin supérieur gauche.
- Dans le menu déroulant Cadre, sélectionnez le cadre que vous souhaitez importer.
- Choisissez la taille d’importation tel que requis.
- Choisissez si vous souhaitez importer All layer structure (toutes les structures de calque), ou Only layers marked for export (seulement les calques indiqués pour exportation). Sélectionnez All layer structure pour importer tous les calques.
- Cliquez sur Import pour démarrer le processus.
- ProtoPie télécharge les calques appliqués dans votre fichier actuel. Ceci permet de conserver le même ordre de calques que dans Figma.
Réimporter des designs
Vous pouvez également utiliser le processus d’importation pour réimporter des cadres. Ceci vous permet de reporter toutes les modifications que vous avez apportées au design d’origine dans Figma.
Tout au long du processus d’importation, vous verrez un en-tête appelé Re-import Options. Il vous permet de déterminer la façon dont vous souhaitez réimporter vos cadres.
Lorsque vous réimportez, vous pouvez choisir :
- d’écraser [toutes les modifications apportées aux] positions des calques ;
- d’écraser [toutes les modifications apportées aux] tailles des calques ;
- de mettre à jour l’ordre des calques et la structure de classification ;
- de supprimer les calques effacés ou rendus invisibles dans Figma.
Déconnecter votre compte Figma
Si vous souhaitez modifier le compte Figma associé à ProtoPie, ou les déconnecter entièrement, vous pouvez déconnecter ProtoPie de votre compte Figma.
Vous pouvez le faire depuis vos paramètres de compte dans Figma.
- Connectez-vous à votre compte Figma et ouvrez le navigateur de fichiers.
- Cliquez sur votre nom dans le coin supérieur gauche et sélectionnez l’onglet Settings.
- Faites défiler le menu jusqu’à la section Connected Apps.
- Cliquez sur Revoke access en regard de l’intégration ProtoPie :
Remarque : une fois déconnecté(e), vous pouvez connecter un autre compte Figma à ProtoPie. Suivez les instructions ci-dessus pour connecter Figma et ProtoPie.