{"id":124713,"date":"2019-06-06T20:29:05","date_gmt":"2019-06-06T18:29:05","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/justinmind-integration-with-illustrator\/"},"modified":"2025-01-30T12:56:13","modified_gmt":"2025-01-30T11:56:13","slug":"justinmind-integration-with-illustrator","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/integration-justinmind-illustrator","title":{"rendered":"L’int\u00e9gration de Justinmind avec Illustrator"},"content":{"rendered":"

Justinmind est int\u00e9gr\u00e9 \u00e0 l’\u00e9diteur de graphiques vectoriels Adobe Illustrator. Gr\u00e2ce \u00e0 cette int\u00e9gration, vous pouvez g\u00e9n\u00e9rer des prototypes enti\u00e8rement fonctionnels et interactifs \u00e0 partir de vos fichiers Illustrator et les personnaliser dans Justinmind. <\/p>\n

T\u00e9l\u00e9chargez le plugin Justinmind pour Illustrator et suivez les \u00e9tapes ci-dessous pour commencer.<\/a><\/p>\n

<\/a>Configurer votre plugin Justinmind pour Illustrator<\/h2>\n
    \n
  1. T\u00e9l\u00e9chargez le plugin pour Illustrator<\/a>.<\/li>\n
  2. D\u00e9compressez le fichier pour faire appara\u00eetre un dossier.\"Contenu<\/li>\n
  3. Dans Illustrator, lorsque le fichier que vous souhaitez exporter est ouvert, acc\u00e9dez au menu Fichier, puis \u00e0 Scripts et cliquez sur Parcourir. Dans le navigateur de fichiers, s\u00e9lectionnez le dossier du fichier .zip, choisissez le fichier .jsx \u00e0 l’int\u00e9rieur et cliquez sur \u00ab\u00a0Ouvrir\u00a0\u00bb. Une autre bo\u00eete de dialogue appara\u00eet pour vous permettre de s\u00e9lectionner la destination de sortie souhait\u00e9e pour le fichier g\u00e9n\u00e9r\u00e9. Vous verrez alors le processus d’exportation dans une bo\u00eete de dialogue, qui dispara\u00eetra une fois le processus d’exportation termin\u00e9. Enfin, un fichier .vp compatible avec Justinmind sera g\u00e9n\u00e9r\u00e9.
    \n\"Progression
    \nLe fichier .vp g\u00e9n\u00e9r\u00e9 convertira tous les calques de votre fichier Illustrator en \u00e9l\u00e9ments et composants individuels dans Justinmind. Tout le texte de votre design Illustrator sera conserv\u00e9 sous forme de texte modifiable dans Justinmind. Tous les autres \u00e9l\u00e9ments seront convertis en images .svg.<\/li>\n<\/ol>\n

    <\/a>Comment travailler avec votre fichier Illustrator dans Justinmind ?<\/h2>\n

    Ouvrez le fichier .vp dans Justinmind et commencez \u00e0 travailler. Vous verrez tous les calques de votre fichier list\u00e9s dans la palette Calques<\/span> et sur le canevas. Cliquez sur un \u00e9l\u00e9ment et consultez la palette Propri\u00e9t\u00e9s pour voir les diff\u00e9rentes fa\u00e7ons de personnaliser votre design.<\/p>\n

    \"Le
    \nVous pouvez maintenant commencer \u00e0 ajouter des fonctionnalit\u00e9s \u00e0 votre prototype, comme des liens vers d’autres \u00e9crans.     En savoir plus sur la fa\u00e7on de d\u00e9marrer avec votre nouveau prototype Justinmind<\/a>.<\/p>\n

    Remarque :<\/strong> le plugin g\u00e9n\u00e8re 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\u00e9lectionnant l’\u00e9cran de base dans la palette Calques, puis dans la palette Propri\u00e9t\u00e9s, sous G\u00e9n\u00e9ral, choisissez un autre appareil dans la liste d\u00e9roulante. <\/div>\n

    Autre fa\u00e7on de d\u00e9marrer avec votre fichier Illustrator<\/h3>\n
      \n
    1. Cr\u00e9ez un nouveau prototype et allez dans le menu Fichier, s\u00e9lectionnez \u00ab\u00a0Importer\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0Fichier prototype\u00a0\u00bb pour ouvrir la bo\u00eete de dialogue Importer un prototype.\"Cr\u00e9er<\/li>\n
    2. Choisissez le fichier .vp g\u00e9n\u00e9r\u00e9 \u00e0 importer et \u00e9liminez toutes les parties ind\u00e9sirables du prototype qui ont \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9es, telles que les sc\u00e9narios et les mod\u00e8les. Cliquez sur \u00ab\u00a0OK\u00a0\u00bb pour terminer l’importation.\"Importer<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      Justinmind est int\u00e9gr\u00e9 \u00e0 l’\u00e9diteur de graphiques vectoriels Adobe Illustrator. Gr\u00e2ce \u00e0 cette int\u00e9gration, vous pouvez g\u00e9n\u00e9rer des prototypes enti\u00e8rement fonctionnels et interactifs \u00e0 partir de…<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8436,8457],"tags":[],"class_list":["post-124713","post","type-post","status-publish","format-standard","hentry","category-guide-de-lutilisateur","category-integrations"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124713"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124713"}],"version-history":[{"count":2,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124713\/revisions"}],"predecessor-version":[{"id":125129,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124713\/revisions\/125129"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}