ProtoPie le permite crear prototipos para un amplio espectro de productos digitales. ProtoPie está disponible para macOS y Windows.

Puede utilizar ProtoPie para lo más básico y para probar interacciones condicionales avanzadas. Con ProtoPie usted puede:

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

La integración le permite importar los diseños desde Figma a ProtoPie. Desde allí, puede convertirlos en prototipos realistas.

Conectar Figma y ProtoPie

Puede importar los diseños de Figma a ProtoPie.

Antes de comenzar, ProtoPie necesita permiso para acceder a sus archivos en Figma.

Solo tendrá que conectar las dos aplicaciones una vez. Una vez que otorgue los permisos a ProtoPie, no tendrá que hacerlo de nuevo.

1. Abra ProtoPie y haga clic en el ícono Importar en la esquina superior izquierda.
2. Seleccione  Figma entre las opciones.
3. ProtoPie le pedirá permiso para acceder a los archivos de Figma. Haga clic en Proceder al navegador para abrir Figma en una nueva ventana del navegador.
4. Si aún no ha iniciado sesión en su cuenta de Figma, deberá hacerlo.
5. Una vez que haya iniciado sesión, haga clic en el botón Permitir acceso para permitirle a ProtoPie acceder a sus archivos.
6. Cuando termine de otorgar el acceso, puede cerrar la ventana del navegador, o hacer clic en el botón Ir a ProtoPie para abrir la aplicación de ProtoPie.

Importar sus diseños desde Figma

Ahora podrá importar sus diseños de Figma a ProtoPie. Obtenga más información sobre las opciones de importación de ProtoPie en su Documentación de importación (enlace externo).

Puede importar marcos desde cualquier archivo que tenga abierto o que haya editado en las últimas doce horas.

Importar nuevos diseños

1. Abra ProtoPie
2. Haga clic en el botón Importar en la esquina superior izquierda.
3. En el menú desplegable Marco, seleccione el marco que desea importar.
   
4. Elija el Tamaño de importación según sea necesario.
5. Elija importar Toda la estructura de capas o Solo las capas marcadas para exportación. Seleccione Toda la estructura de capas para importar todas las capas.
   
6. Haga clic en Importar para comenzar el proceso.
7. ProtoPie descargará las capas representadas en el archivo actual. Esto mantendrá el mismo orden de las capas que en Figma.
   

Volver a importar diseños

También puede utilizar el proceso de importación para volver a importar marcos. Esto le permitirá sincronizar cualquier cambio que haya hecho en el diseño original en Figma.

Cuando avance en el proceso de importación, verá un título que dice Opciones para volver a importar. Esto le permite determinar cómo quiere que ProtoPie vuelva a importar los marcos.

Cuando elige Volver a importar, puede elegir si desea:

• Sobrescribir [cualquier cambio a] la posición de las capas
• Sobrescribir [cualquier cambio a] el tamaño de las capas
• Actualizar el orden de las capas y la estructura de grupos
• Borrar las capas eliminadas o invisibilizadas en Figma
  
  

Desconectar su cuenta de Figma

Si desea cambiar la cuenta de Figma asociada con ProtoPie, o desconectarlas totalmente, puede hacerlo desde su cuenta de Figma.

Puede hacerlo desde la configuración de su cuenta en Figma.

1. Inicie sesión en su cuenta de Figma y abra el Navegador de archivos
2. Haga clic en su nombre en la esquina superior izquierda y seleccione la pestaña Configuración.
3. Desplácese hacia abajo hasta la sección de Aplicaciones conectadas.
4. Haga clic en  Revocar acceso junto a la integración de ProtoPie: