O ProtoPie permite que você crie protótipos para um amplo espectro de produtos digitais. Ele está disponível para macOS e Windows.

Você pode usar o ProtoPie para o básico, bem como experimentar interações condicionais avançadas. Com o ProtoPie, você pode:

• Criar interações em vários dispositivos
• Desenvolver integrações de hardware
• Usar sensores específicos do dispositivo, como giroscópio, bússola, microfone e sensores de proximidade.

A integração permite que você importe seus designs do Figma diretamente para o ProtoPie. A partir daí, você pode transformá-los em protótipos realistas.

Conectar o Figma e o ProtoPie

Você pode importar seus designs do Figma para o ProtoPie.

Antes de começar, o ProtoPie precisará de permissão para acessar seus arquivos no Figma.

Você só precisará conectar os dois aplicativos uma vez. Depois de dar permissão ao ProtoPie, você não precisará fazer isso novamente.

1. Abra o ProtoPie e clique no ícone Importar, no canto superior esquerdo.
2. Selecione Figma nas opções.
3. O ProtoPie solicitará permissão para acessar seus arquivos Figma. Clique em Continuar no navegador para abrir o Figma em uma nova janela do navegador.
4. Se ainda não o fez, você precisará fazer login na sua conta Figma.
5. Uma vez conectado, clique no botão Permitir acesso para dar permissão ao ProtoPie para acessar seus arquivos.
6. Quando terminar de conceder acesso, você poderá fechar a janela do navegador ou clicar no botão Ir para o ProtoPie para abrir o aplicativo ProtoPie.

Importar seus designs do Figma

Agora você poderá importar seus designs do Figma para o ProtoPie. Saiba mais sobre as opções de importação do ProtoPie na Documentação de importação (link externo).

Você pode importar quadros de qualquer arquivo que tenha sido aberto ou editado nas últimas doze horas.

Importar novos designs

1. Abra o ProtoPie.
2. Clique no botão Importar, no canto superior esquerdo.
3. No menu suspenso Quadro, selecione o quadro que deseja importar.
   
4. Selecione o Tamanho da importação conforme necessário.
5. Escolha importar Toda a estrutura de camadas ou Somente as camadas marcadas para exportação. Selecione Toda a estrutura de camadas para importar todas as camadas.
   
6. Clique em Importar para iniciar o processo.
7. O ProtoPie fará o download das camadas renderizadas em seu arquivo atual. Isso manterá a mesma ordem de camadas do Figma.
   

Reimportar designs

Você também pode usar o processo de importação para reimportar quadros. Isso permite que você transfira todas as alterações feitas no design original no Figma.

Ao passar pelo processo de importação, você verá um cabeçalho chamado Opções de reimportação. Isso permite que você determine como deseja que o ProtoPie reimporte os quadros.

Ao acessar Reimportar, você pode escolher se deseja:

• Substituir [quaisquer alterações nas] posições das camadas
• Substituir [quaisquer alterações nos] tamanhos das camadas
• Atualizar ordens de camadas e estrutura de agrupamento
• Remover as camadas excluídas ou que se tornaram invisíveis no Figma
  
  

Desconectar sua conta Figma

Se quiser alterar a conta Figma associada ao ProtoPie ou desconectá-la totalmente, você pode desconectar o ProtoPie da sua conta Figma.

Você pode fazer isso nas configurações da sua conta no Figma.

1. Faça login na sua conta Figma e abra o navegador de arquivos.
2. Clique no seu nome, no canto superior esquerdo, e selecione a aba Configurações.
3. Role para baixo até a seção Aplicativos conectados.
4. Clique em Revogar acesso ao lado da integração do ProtoPie: