Para importar um canvas do Procreate para o Figma, clique na aba Import into Figma, escolha Import Procreate to Figma (Beta) no seletor de fluxos de trabalho e arraste o arquivo .procreate para a área de soltar dentro do plugin Convertify (ou clique nela para escolher o arquivo). Confira a pré-visualização e as dimensões e clique em Import Procreate para colocá-lo no Figma.

A importação do Procreate está em Beta. Confira as camadas importadas antes de continuar o trabalho sobre elas e avise a gente sobre qualquer canvas que não chegue como esperado.

Passar o seu arquivo .procreate para o computador

O Procreate salva os canvases no seu iPad. Para passar um canvas para o computador em que você usa o Figma:

1. Na Galeria do Procreate, deslize a arte para a esquerda e toque em Share, ou abra a arte e toque em Actions > Share.
2. Escolha Procreate como formato.
3. Envie o arquivo .procreate para o seu computador pelo AirDrop, pelo app Arquivos ou por qualquer serviço de armazenamento em nuvem.

Revisar o canvas antes da importação

Ao escolher um arquivo, você vê a pré-visualização da galeria, o nome do arquivo, as dimensões do canvas e as dimensões que a importação vai gerar. Você pode mudar Import as e Import size antes de clicar em Import Procreate. Só selecionar um arquivo não adiciona camadas ao Figma. Use Clear file para descartar a seleção ou escolha outro arquivo para substituí-lo.

Se a pré-visualização da galeria estiver ausente ou danificada, o Convertify ainda permite importar as camadas legíveis do canvas e mostra um aviso. Em um pacote danificado, a pré-visualização pode ser a única arte que ele consegue recuperar; confira os avisos antes de importar.

Escolher a importação em camadas ou achatada

Use Import as para escolher como a arte é colocada:

• Layered canvas é o padrão. Mantém as camadas, os grupos e as máscaras descritos abaixo.
• Flattened image coloca a arte visível como uma única imagem, incorporando aos pixels os grupos, as máscaras, a opacidade e os modos de mesclagem. As camadas individuais não são mantidas, então não podem ser recuperadas exportando de volta para o Procreate.

A importação achatada usa a composição em resolução máxima salva pelo Procreate, quando disponível. Se essa composição não puder ser lida, o Convertify achata as camadas visíveis e adiciona um aviso de importação. Em animações, ele cria uma imagem achatada por quadro, incluindo as camadas de primeiro plano e de fundo, e mantém o tempo de reprodução do protótipo.

Os dois modos aceitam os tamanhos de importação abaixo. Imagens maiores que o limite de 4096 px do Figma são divididas em blocos de imagem.

Escolher o tamanho de importação

Use Import size para selecionar a resolução:

• Original resolution é o padrão e mantém o canvas no tamanho original em pixels.
• Up to 1024 px, Up to 2048 px e Up to 4096 px reduzem os canvases maiores para caber nesse limite no lado mais longo. Canvases menores mantêm o tamanho original.

No modo em camadas, as camadas, os grupos e as máscaras são redimensionados juntos, e os quadros da animação usam as mesmas dimensões do canvas redimensionado. O canvas mantém as proporções, arredondadas para pixels inteiros.

O redimensionamento reduz as imagens colocadas no Figma; o Convertify ainda precisa ler o arquivo original primeiro. Escolha Original resolution quando precisar manter os pixels originais para exportar de volta para o Procreate: aumentar a escala de exportação depois não recupera os detalhes removidos na importação.

Manter ou cortar as bordas transparentes das camadas

Trim transparent layer borders vem ativada por padrão nas importações em camadas. Os limites da imagem de cada camada se ajustam aos pixels pintados, enquanto a posição dela no canvas continua a mesma.

Desative essa opção para que cada camada pintada tenha os limites do canvas inteiro, incluindo as margens transparentes. As máscaras continuam alinhadas, e qualquer limite de tamanho de importação se aplica ao canvas inteiro. Isso gera imagens maiores. As camadas vazias continuam sendo deixadas de fora, e a opção não afeta as importações achatadas.

O que é importado

Com Layered canvas selecionado:

O Convertify adiciona uma nova página ao seu arquivo do Figma com um frame no tamanho de importação escolhido. Com Original resolution, o frame tem o mesmo tamanho em pixels do canvas do Procreate.

• Camadas chegam como camadas de imagem, com nome, visibilidade, bloqueio, opacidade e modo de mesclagem.
• Grupos continuam sendo grupos, com nome, visibilidade, bloqueio e opacidade.
• Máscaras de camada viram máscaras de luminância na camada correspondente.
• Máscaras de recorte continuam recortadas pela camada de baixo.
• A cor de fundo vira o preenchimento do frame. Ela fica oculta se o fundo estava oculto no Procreate.
• A rotação e o espelhamento do canvas são aplicados, para que o canvas fique igual ao que aparece na sua Galeria do Procreate.
• As cores são convertidas do perfil de cor do canvas (Display P3 ou sRGB) para o perfil de cor do seu arquivo do Figma, para ficarem iguais às do Procreate. Canvases mais antigos que não armazenam um perfil usam o perfil da pré-visualização da Galeria.

É possível importar arquivos salvos pelo Procreate 4 ou posterior, incluindo arquivos de iPads mais antigos.

O que muda no Figma

O que vem a seguir vale para as importações com Layered canvas. As importações achatadas incorporam a aparência visível à imagem.

• O Procreate pinta em pixels, então cada camada é uma imagem no Figma. As camadas de texto chegam como pixels, e o texto não é editável.
• O Figma não tem um equivalente ao Alpha Lock do Procreate. Ele fica registrado, então exportar de volta para o Procreate o ativa de novo.
• O Figma não tem os modos de mesclagem Subtract, Hard Mix, Vivid Light, Linear Light, Pin Light e Divide, então as camadas que os usam passam para Normal. Lighter Color e Darker Color viram Lighten e Darken, que podem ter uma aparência um pouco diferente. Ative Match blend modes Figma doesn't have para incorporar o efeito a essas camadas e deixá-las exatamente como no Procreate; elas mantêm as máscaras e a opacidade, mas não são atualizadas se você mudar as camadas de baixo.
• As camadas vazias são deixadas de fora.
• O Figma limita as imagens a 4096 px por lado, então uma camada maior que isso chega como um grupo de blocos de imagem quando a importação é feita na resolução original.

Tudo o que for deixado de fora ou aproximado aparece em Import warnings no plugin quando a importação termina.

Exportar de volta para o Procreate

Nas importações em camadas, o Convertify registra o que o Figma não consegue mostrar. Assim, exportar um canvas importado de volta para o Procreate mantém as máscaras de recorte, as máscaras de camada, o Alpha Lock e os modos de mesclagem originais (a menos que você mude o modo de mesclagem de uma camada no Figma). Para exportar de novo uma animação importada como uma única animação do Procreate, selecione os frames dela e ative Export frames as one animation. Veja Exportar do Figma para o Procreate.

Importar animações

Se o Animation Assist estiver ativado no canvas, cada quadro da animação vira um frame próprio do Figma, lado a lado, na ordem de reprodução.

• As camadas de fundo e de primeiro plano, se você as definiu no Animation Assist, aparecem em todos os frames.
• Os frames são vinculados como um protótipo do Figma que é reproduzido na taxa de quadros da sua animação, incluindo os quadros mantidos. Pressione Present para reproduzi-lo. Animações em loop e de reprodução única tocam como no Procreate; animações em pingue-pongue ganham cópias dos quadros intermediários, marcadas como (back), para o caminho de volta.
• Os quadros ocultos são deixados de fora, e o papel vegetal (onion skin) não é importado.

Arquivos danificados

Se não for possível ler as camadas de um arquivo, o Convertify coloca no lugar a imagem de pré-visualização do canvas gerada pelo Procreate e explica o motivo.