L’intégration de Justinmind avec Illustrator

Justinmind est intégré à l’éditeur de graphiques vectoriels Adobe Illustrator. Grâce à cette intégration, vous pouvez générer des prototypes entièrement fonctionnels et interactifs à partir de vos fichiers Illustrator et les personnaliser dans Justinmind.

Téléchargez le plugin Justinmind pour Illustrator et suivez les étapes ci-dessous pour commencer.

Configurer votre plugin Justinmind pour Illustrator

Téléchargez le plugin pour Illustrator.
Décompressez le fichier pour faire apparaître un dossier.
Dans Illustrator, 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 Illustrator en éléments et composants individuels dans Justinmind. Tout le texte de votre design Illustrator sera conservé sous forme de texte modifiable dans Justinmind. Tous les autres éléments seront convertis en images .svg.

Comment travailler avec votre fichier Illustrator dans Justinmind ?

Ouvrez le fichier .vp dans Justinmind et commencez à travailler. Vous verrez tous les calques de votre fichier listés dans la palette Calques et sur le canevas. 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.

Remarque : le plugin génère un prototype d’appareil Web. Si vous souhaitez travailler avec un autre type d’appareil, vous devrez le modifier manuellement dans Justinmind. Vous pouvez changer le type d’appareil en sélectionnant l’écran de base dans la palette Calques, puis dans la palette Propriétés, sous Général, choisissez un autre appareil dans la liste déroulante.

Autre façon de démarrer avec votre fichier Illustrator

Créez un nouveau prototype et allez dans le menu Fichier, sélectionnez « Importer » et sélectionnez « Fichier prototype » pour ouvrir la boîte de dialogue Importer un 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.