Integración de Justinmind con Photoshop

Justinmind está integrado con el editor de fotos y gráficos Photoshop. Con esta integración, puedes generar prototipos totalmente funcionales e interactivos a partir de tus archivos de Photoshop y personalizarlos en Justinmind.

Descarga el plugin Justinmind para Photoshop y sigue los pasos que se indican a continuación para empezar.

Configurar tu plugin Justinmind para Photoshop

Descarga el plugin para Photoshop.
Descomprime el archivo para ver una carpeta.
En Photoshop, con el archivo que quieras exportar abierto, ve al menú 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 «Abrir». Aparecerá otro cuadro de diálogo para que selecciones el destino de salida deseado para el archivo generado.A continuación, verás el proceso de exportación en un cuadro de diálogo, que desaparecerá una vez finalizado el proceso de exportación. Por último, se generará un archivo .vp compatible con Justinmind.

El archivo .vp generado convertirá todas las capas de tu archivo de Photoshop en elementos y componentes individuales en Justinmind. Todo el texto de tu diseño de Photoshop se mantendrá como texto editable en Justinmind. Todos los demás elementos se convertirán en imágenes .png.

Cómo trabajar con tu archivo de Photoshop en Justinmind

Abre el archivo .vp en Justinmind y empieza a trabajar. Verás todas las capas de tu archivo listadas en la paleta Contorno 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ún más tu diseño.

Ahora puedes empezar a añadir funcionalidades a tu prototipo, como Enlaces a otras pantallas. Más información sobre cómo empezar con tu nuevo prototipo Justinmind.

Nota: el plugin generará un prototipo de dispositivo Web. Si quieres trabajar con un tipo de dispositivo diferente, tendrás que cambiarlo manualmente en Justinmind. Puedes cambiar el tipo de dispositivo seleccionando la pantalla base en la paleta Esquema y, a continuación, en la paleta Propiedades, en General, elige otro dispositivo del desplegable.

Otras formas de empezar con tu archivo de Photoshop

Abre Justinmind y, en el cuadro de diálogo que aparece, elige empezar desde otro archivo .vp. Selecciona el archivo .vp que se generó utilizando el plugin.
Importa el archivo .vp a otro prototipo. Para ello, abre el archivo .vp que quieras importar y ve al menú Archivo, selecciona Importar y elige Prototipo. 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 «Aceptar» para finalizar la importación.