{"id":129009,"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-02-13T17:11:19","modified_gmt":"2025-02-13T16:11:19","slug":"justinmind-integration-with-illustrator","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/justinmind-integration-mit-illustrator","title":{"rendered":"Die Integration von Justinmind in Illustrator"},"content":{"rendered":"<p>Justinmind ist in den Vektorgrafik-Editor Adobe Illustrator integriert. Dank dieser Integration k\u00f6nnen Sie aus Ihren Illustrator-Dateien voll funktionsf\u00e4hige und interaktive Prototypen erstellen und diese in Justinmind anpassen. <\/p>\n<p><a href=\"https:\/\/d2ld3he4yll0xl.cloudfront.net\/prototyper-plugins\/illustrator_to_justinmind.zip\">Laden Sie das Justinmind-Plugin f\u00fcr Illustrator herunter und folgen Sie den nachstehenden Schritten, um loszulegen.<\/a><\/p>\n<h2><a id=\"setting-up-your-justinmind-plugin-for-illustrator\"><\/a>Einrichten des Justinmind-Plugins f\u00fcr Illustrator<\/h2>\n<ol>\n<li><a href=\"https:\/\/d2ld3he4yll0xl.cloudfront.net\/prototyper-plugins\/illustrator_to_justinmind.zip\">Laden Sie das Plugin f\u00fcr Illustrator herunter<\/a>.<\/li>\n<li>Entpacken Sie die Datei, um einen Ordner zu \u00f6ffnen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16338\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2019\/06\/Zip_file_contents_illustrator.png\" alt=\"Inhalt des Zip-Ordners\" width=\"792\" height=\"499\"><\/li>\n<li>Navigieren Sie in Illustrator bei ge\u00f6ffneter Datei, die Sie exportieren m\u00f6chten, zum Men\u00fc Datei, dann zu Skripte und klicken Sie auf Durchsuchen. W\u00e4hlen Sie im Dateibrowser den Ordner aus der .zip-Datei, w\u00e4hlen Sie die darin enthaltene .jsx-Datei und klicken Sie auf &#8222;\u00d6ffnen&#8220;. Es erscheint ein weiteres Dialogfeld, in dem Sie das gew\u00fcnschte Ausgabeziel f\u00fcr die erzeugte Datei ausw\u00e4hlen k\u00f6nnen. Sie sehen dann den Exportvorgang in einem Dialogfeld, das verschwindet, sobald der Exportvorgang abgeschlossen ist. Zum Schluss wird eine Justinmind-kompatible .vp-Datei erzeugt.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16336\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2019\/06\/illustrator_Script_progress_bar.png\" alt=\"Fortschritt des Illustrator-Skripts  \" width=\"1008\" height=\"674\"><br \/>\nDie generierte .vp-Datei wandelt alle Ebenen aus Ihrer Illustrator-Datei in einzelne Elemente und Komponenten in Justinmind um. Der gesamte Text aus Ihrem Illustrator-Design wird in Justinmind als bearbeitbarer Text beibehalten. Alle anderen Assets werden in .svg-Bilder umgewandelt.<\/li>\n<\/ol>\n<h2><a id=\"how-to-work-with-your-illustrator-files-in-justinmind\"><\/a>Wie Sie mit Ihrer Illustrator-Datei in Justinmind arbeiten<\/h2>\n<p>\u00d6ffnen Sie die .vp-Datei in Justinmind und beginnen Sie mit der Arbeit.<\/p>\n<p>Sie sehen alle Ebenen aus Ihrer Datei in der <span style=\"font-weight: 400;\">Ebenenpalette<\/span> und auf der Leinwand. Klicken Sie auf ein Element und sehen Sie sich in der Eigenschaften-Palette die verschiedenen M\u00f6glichkeiten an, mit denen Sie Ihr Design weiter anpassen k\u00f6nnen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16337\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2019\/06\/IllustratorFileInJustinmind.png\" alt=\"Die Illustrator-Datei in Justinmind\" width=\"936\" height=\"642\"><br \/>\nSie k\u00f6nnen jetzt damit beginnen, Ihrem Prototyp Funktionen hinzuzuf\u00fcgen, z.B. Links zu anderen Bildschirmen.<a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/einstieg\"> Erfahren Sie mehr dar\u00fcber, wie Sie mit Ihrem neuen Justinmind-Prototyp beginnen k\u00f6nnen<\/a>.<\/p>\n<div><strong>Hinweis:<\/strong> Das Plugin erzeugt einen Prototyp f\u00fcr ein Web-Ger\u00e4t. Wenn Sie mit einem anderen Ger\u00e4tetyp arbeiten m\u00f6chten, m\u00fcssen Sie diesen manuell in Justinmind \u00e4ndern. Sie k\u00f6nnen den Ger\u00e4tetyp \u00e4ndern, indem Sie den Basisbildschirm in der Ebenen-Palette ausw\u00e4hlen und dann in der Eigenschaften-Palette unter Allgemein ein anderes Ger\u00e4t aus dem Dropdown-Men\u00fc w\u00e4hlen.  <\/div>\n<h3>Eine andere M\u00f6glichkeit, mit Ihrer Illustrator-Datei zu arbeiten<\/h3>\n<ol>\n<li>Erstellen Sie einen neuen Prototyp und w\u00e4hlen Sie im Men\u00fc Datei die Option &#8218;Importieren&#8216; und dann &#8218;Prototypdatei&#8216;, um den Dialog Prototyp importieren zu \u00f6ffnen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16340\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2019\/06\/CreatePrototypeFromAnother.png\" alt=\"Einen Prototyp aus einer anderen Datei erstellen\" width=\"624\" height=\"506\"><\/li>\n<li>W\u00e4hlen Sie die generierte .vp-Datei zum Importieren aus und verwerfen Sie alle unerw\u00fcnschten Teile des Prototyps, die generiert wurden, wie z.B. Szenarien und Vorlagen. Klicken Sie auf &#8222;OK&#8220;, um den Import abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16341\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2019\/06\/ImportNewScreen.png\" alt=\"Neuen Prototyp importieren\" width=\"686\" height=\"566\"><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Justinmind ist in den Vektorgrafik-Editor Adobe Illustrator integriert. Dank dieser Integration k\u00f6nnen Sie aus Ihren Illustrator-Dateien voll funktionsf\u00e4hige und interaktive Prototypen erstellen und diese in Justinmind&#8230;<\/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":[8546,8552],"tags":[],"class_list":["post-129009","post","type-post","status-publish","format-standard","hentry","category-benutzerhandbuch","category-integrationen"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129009"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129009"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129009\/revisions"}],"predecessor-version":[{"id":129173,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129009\/revisions\/129173"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}