ProtoPie permite crear prototipos para una amplia gama de productos digitales. ProtoPie está disponible tanto en macOS como en Windows.

Puedes utilizar ProtoPie para operaciones básicas, así como probar tu destreza en las interacciones condicionales avanzadas. ProtoPie te permite:

• Crear interacciones en varios dispositivos.
• Crear integraciones de hardware.
• Utilizar sensores específicos de dispositivos, como el giroscopio, la brújula, el micrófono y los sensores de proximidad.

Con la integración podrás importar los diseños de Figma directamente en ProtoPie, momento a partir del que podrás convertirlos en prototipos realistas.

Conectar Figma y ProtoPie

Puedes importar los diseños de Figma en ProtoPie.

Antes de empezar, habrá que asignar a ProtoPie permisos de acceso a tus archivos de Figma.

Tendrás que conectar las dos aplicaciones una vez. Cuando hayas otorgado permiso a ProtoPie, no tendrás que volver a llevar a cabo este procedimiento.

1. Abre ProtoPie y haz clic en el icono Import de la esquina superior izquierda.
2. Selecciona la opción Figma.
3. ProtoPie solicitará permiso para acceder a tus archivos de Figma. Haz clic en Proceed to browser para abrir Figma en una nueva ventana de navegador.
4. Si aún no lo has hecho, tendrás que iniciar sesión en tu cuenta de Figma.
5. Cuando estés conectado, haz clic en el botón Allow Access para otorgar a ProtoPie permiso para acceder a tus archivos.
6. Cuando hayas terminado de otorgar acceso, podrás cerrar la ventana del navegador o hacer clic en el botón Go to ProtoPie para abrir la aplicación ProtoPie.

Importar tus diseños desde Figma

Ahora podrás importar tus diseños de Figma en ProtoPie. Para obtener más información sobre las opciones de importación de ProtoPie en su documentación sobre importación (enlace externo).

Puedes importar marcos desde cualquier archivo que hayas abierto o editado en las últimas doce horas.

Importar nuevos diseños

1. Abre ProtoPie.
2. Haz clic en el botón Import de la esquina superior izquierda.
3. En la lista desplegable frame, selecciona el marco que deseas importar.
   
4. Selecciona el tamaño de la importación necesario en Import Size.
5. Puedes importar todas las capas de la estructura con All layer structure, o solo las capas marcadas para exportación con Only layers marked for Export. Selecciona All layer structure para importar todas las capas
   .
6. Haz clic en Import para iniciar el proceso.
7. ProtoPie descargará las capas representadas en tu archivo actual. De esta forma se mantendrá el mismo orden de capas que en Figma.
   

Volver a importar diseños

También puedes utilizar el proceso de importación para volver a importar los marcos. De esta forma, incorporarás los cambios que hayas hecho en el diseño original en Figma.

Durante el proceso de importación, verás que aparece una cabecera denominada Re-import Options, mediante la que podrás especificar cómo deseas que ProtoPie vuelva a importar los marcos.

Al volver a importar, puedes utilizar estas opciones:

• Overwrite [any changes to the] positions of layers
• Overwrite [any changes to the] sizes of layers
• Update layer orders and grouping structure
• Remove layers deleted or made invisible in Figma
  
  

Desconectar tu cuenta de Figma

Si deseas cambiar la cuenta de Figma asociada a ProtoPie, o bien desconectarlas totalmente, desconecta ProtoPie de tu cuenta de Figma.

Puedes llevar a cabo esta acción desde la configuración de tu cuenta en Figma.

1. Inicia sesión en tu cuenta de Figma y abre el navegador de archivos.
2. Haz clic en tu nombre en la esquina superior izquierda y selecciona la pestaña Settings.
3. Desplázate hacia abajo hasta la sección Connected Apps.
4. Haz clic en Revoke access junto a la integración con ProtoPie: