Intégration de Justinmind avec Photoshop
Justinmind est intégré à l’éditeur de photos et de graphiques Photoshop. Grâce à cette intégration, vous pouvez générer des prototypes entièrement fonctionnels et interactifs à partir de vos fichiers Photoshop et les personnaliser dans Justinmind.
Téléchargez le plugin Justinmind pour Photoshop et suivez les étapes ci-dessous pour commencer.
Configurer votre plugin Justinmind pour Photoshop
- Téléchargez le plugin pour Photoshop.
- Décompressez le fichier pour faire apparaître un dossier.
- Dans Photoshop, lorsque le fichier que vous souhaitez exporter est ouvert, accédez au menu Fichier, puis à Scripts, et cliquez sur Parcourir. Dans le navigateur de fichiers, sélectionnez le dossier du fichier .zip, choisissez le fichier .jsx à l’intérieur et cliquez sur « Ouvrir ». Une autre boîte de dialogue apparaît pour vous permettre de sélectionner la destination de sortie souhaitée pour le fichier généré. Vous verrez alors le processus d’exportation dans une boîte de dialogue, qui disparaîtra une fois le processus d’exportation terminé. Enfin, un fichier .vp compatible avec Justinmind sera généré.
Le fichier .vp généré convertira tous les calques de votre fichier Photoshop en éléments et composants individuels dans Justinmind. Tout le texte de votre design Photoshop sera conservé en tant que texte modifiable dans Justinmind. Tous les autres éléments seront convertis en images .png.
Comment travailler avec votre fichier Photoshop dans Justinmind ?
Ouvrez le fichier .vp dans Justinmind et commencez à travailler. Vous verrez tous les calques de votre fichier listés dans la palette Outline et sur le Canvas. Cliquez sur un élément et consultez la palette Propriétés pour voir les différentes façons de personnaliser votre design.
Vous pouvez maintenant commencer à ajouter des fonctionnalités à votre prototype, comme des liens vers d’autres écrans. En savoir plus sur la façon de démarrer avec votre nouveau prototype Justinmind.
Autres moyens de démarrer avec votre fichier Photoshop
- Ouvrez Justinmind et, dans la boîte de dialogue qui s’affiche, choisissez de commencer à partir d’un autre fichier .vp. Sélectionnez le fichier .vp qui a été généré à l’aide du plugin.
- Importez le fichier .vp dans un autre prototype. Pour ce faire, ouvrez le fichier .vp que vous souhaitez importer, puis allez dans le menu Fichier, sélectionnez Importer et sélectionnez Prototype. Choisissez le fichier .vp généré à importer et éliminez toutes les parties indésirables du prototype qui ont été générées, telles que les scénarios et les modèles. Cliquez sur « OK » pour terminer l’importation.
