{"id":124711,"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:12","modified_gmt":"2025-01-30T11:56:12","slug":"justinmind-integration-with-illustrator","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/integracion-justinmind-illustrator","title":{"rendered":"Integraci\u00f3n de Justinmind con Illustrator"},"content":{"rendered":"<p>Justinmind est\u00e1 integrado con el editor de gr\u00e1ficos vectoriales Adobe Illustrator. Con esta integraci\u00f3n, puedes generar prototipos totalmente funcionales e interactivos a partir de tus archivos de Illustrator y personalizarlos en Justinmind. <\/p>\n<p><a href=\"https:\/\/d2ld3he4yll0xl.cloudfront.net\/prototyper-plugins\/illustrator_to_justinmind.zip\">Descarga el plugin Justinmind para Illustrator y sigue los pasos que se indican a continuaci\u00f3n para empezar.<\/a><\/p>\n<h2><a id=\"setting-up-your-justinmind-plugin-for-illustrator\"><\/a>Configurar tu plugin Justinmind para Illustrator<\/h2>\n<ol>\n<li><a href=\"https:\/\/d2ld3he4yll0xl.cloudfront.net\/prototyper-plugins\/illustrator_to_justinmind.zip\">Descarga el plugin para Illustrator<\/a>.<\/li>\n<li>Descomprime el archivo para ver una carpeta.<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=\"Contenido de la carpeta del archivo zip\" width=\"792\" height=\"499\"><\/li>\n<li>En Illustrator, con el archivo que quieras exportar abierto, ve al men\u00fa Archivo, luego a Scripts y haz clic en Examinar. En el explorador de archivos, selecciona la carpeta del archivo .zip, elige el archivo .jsx que contiene y haz clic en \u00abAbrir\u00bb. Aparecer\u00e1 otro cuadro de di\u00e1logo para que selecciones el destino de salida deseado para el archivo generado.A continuaci\u00f3n, ver\u00e1s el proceso de exportaci\u00f3n en un cuadro de di\u00e1logo, que desaparecer\u00e1 una vez finalizado el proceso de exportaci\u00f3n. Por \u00faltimo, se generar\u00e1 un archivo .vp compatible con Justinmind.<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=\"Progreso del gui\u00f3n de Illustrator  \" width=\"1008\" height=\"674\"><br \/>\nEl archivo .vp generado convertir\u00e1 todas las capas de tu archivo Illustrator en elementos y componentes individuales en Justinmind. Todo el texto de tu dise\u00f1o de Illustrator se mantendr\u00e1 como texto editable en Justinmind. Todos los dem\u00e1s elementos se convertir\u00e1n en im\u00e1genes .svg.<\/li>\n<\/ol>\n<h2><a id=\"how-to-work-with-your-illustrator-files-in-justinmind\"><\/a>C\u00f3mo trabajar con tu archivo Illustrator en Justinmind<\/h2>\n<p>Abre el archivo .vp en Justinmind y empieza a trabajar. Ver\u00e1s todas las capas de tu archivo listadas en la paleta <span style=\"font-weight: 400;\">Capas<\/span> y en el Lienzo. Haz clic en un elemento y mira en la paleta Propiedades para ver las distintas formas en que puedes personalizar a\u00fan m\u00e1s tu dise\u00f1o.<\/p>\n<p><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=\"El archivo Illustrator en Justinmind\" width=\"936\" height=\"642\"><br \/>\nYa puedes empezar a a\u00f1adir funcionalidades a tu prototipo, como Enlaces a otras pantallas.<a href=\"https:\/\/www.justinmind.com\/es\/soporte\/puesta-en-marcha\"> M\u00e1s informaci\u00f3n sobre c\u00f3mo empezar con tu nuevo prototipo Justinmind<\/a>.<\/p>\n<div><strong>Nota:<\/strong> el plugin generar\u00e1 un prototipo de dispositivo Web. Si quieres trabajar con otro tipo de dispositivo, tendr\u00e1s que cambiarlo manualmente en Justinmind. Puedes cambiar el tipo de dispositivo seleccionando la pantalla base en la paleta Capas y, a continuaci\u00f3n, en la paleta Propiedades, en General, elige otro dispositivo del desplegable.  <\/div>\n<h3>Otra forma de empezar con tu archivo Illustrator<\/h3>\n<ol>\n<li>Crea un nuevo prototipo y ve al men\u00fa Archivo, selecciona \u00abImportar\u00bb , y elige \u00abArchivo de prototipo\u00bb para abrir el cuadro de di\u00e1logo Importar prototipo.<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=\"Crear un prototipo a partir de otro archivo\" width=\"624\" height=\"506\"><\/li>\n<li>Elige el archivo .vp generado para importarlo y descarta cualquier parte no deseada del prototipo que se haya generado, como Escenarios y Plantillas. Haz clic en \u00abAceptar\u00bb para finalizar la importaci\u00f3n.<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=\"Importar nuevo prototipo\" width=\"686\" height=\"566\"><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Justinmind est\u00e1 integrado con el editor de gr\u00e1ficos vectoriales Adobe Illustrator. Con esta integraci\u00f3n, puedes generar prototipos totalmente funcionales e interactivos a partir de tus archivos&#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":[8431,8458],"tags":[],"class_list":["post-124711","post","type-post","status-publish","format-standard","hentry","category-guia-del-usuario","category-integraciones"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124711"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124711"}],"version-history":[{"count":2,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124711\/revisions"}],"predecessor-version":[{"id":125128,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124711\/revisions\/125128"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}