Se você quiser usar na planilha imagens que serão adicionadas às suas camadas do Figma que não são de texto, cole quaisquer URLs de imagens que comecem com http:// ou https:// (ou use uma tag HTML <svg></svg> inline), e o plugin CopyDoc vai entender automaticamente que elas são imagens. Não se esqueça de dar ao cabeçalho da coluna de imagens o mesmo nome das suas camadas de imagem do Figma (por exemplo, #Poster).
| #Poster |
|---|
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
Arquivos de vídeo também são compatíveis nos planos pagos do Figma. De acordo com a documentação do Figma sobre o suporte nativo a vídeos, se você executar o CopyDoc em um arquivo do Figma que esteja em um plano pago do Figma (equipe Education, Professional, Organization ou Enterprise), também poderá sincronizar vídeos da mesma forma que as imagens do exemplo acima. Os arquivos de vídeo podem ter até 100mb e devem estar no formato .mp4, .mov ou .webm.
Sincronizar arquivos de imagem locais do seu computador pela importação de XLSX
Vídeo tutorial: sincronize uma pasta de imagens com camadas do Figma usando uma planilha
Este vídeo mostra como sincronizar uma pasta de imagens com camadas do Figma usando uma planilha com o plugin CopyDoc.
Vídeo tutorial: sincronize ícones SVG de uma planilha com suas camadas do Figma
Este vídeo mostra como sincronizar ícones SVG de uma planilha com suas camadas do Figma usando o plugin CopyDoc.
Se preferir usar imagens que já estão salvas no seu computador em vez de URLs de imagens on-line, compacte as imagens junto com o seu arquivo XLSX em um arquivo zip.
Se precisar de ajuda com isso, siga nossos vídeos tutoriais passo a passo (acima) sobre como sincronizar uma pasta de imagens com suas camadas do Figma usando uma planilha XLSX.
Codificação do zip para arquivos de imagem com caracteres especiais. Se você estiver compactando arquivos de imagem locais com caracteres como “æøå” (por exemplo, Læge.png), confira se o arquivo zip usa a codificação correta. Caso contrário, esses caracteres serão removidos ou substituídos automaticamente e não vão corresponder aos mesmos nomes de arquivo da sua planilha. No Mac, basta clicar com o botão direito e escolher “Compactar”; no Windows, o app WinRAR deve fazer isso corretamente.
Limite máximo de 2gb para arquivos zip locais. Como o navegador tem um limite de memória de 2gb (gigabytes) por aba (e tanto o app do Figma quanto a versão para navegador estão sujeitos a esse limite), qualquer arquivo .zip com imagens locais que você soltar no CopyDoc para sincronizar conteúdo precisa ter menos de 2gb (gigabytes). Caso contrário, o conteúdo não será carregado, porque descompactar o arquivo no plugin ultrapassaria o limite de memória.
Repetir automaticamente uma camada do Figma com as linhas da planilha
Nas abas de sincronização Content ou Styles, você pode repetir automaticamente uma única camada do Figma ativando a opção Auto Repeat. Ela copia a camada original selecionada no Figma e a duplica tantas vezes quanto o número de linhas de dados da sua planilha.
Use isso para transformar um card, um item de catálogo ou um layout de campanha em um design preenchido para cada linha da planilha. As camadas de texto e de imagem dentro do design usam as colunas correspondentes da planilha.
Se você selecionar um componente principal, o CopyDoc cria uma instância para cada linha. Ao selecionar uma instância existente, essa instância é duplicada; ao selecionar um frame, o frame é duplicado.
Se a camada selecionada já estiver diretamente dentro de outra camada do Figma com Auto Layout ativado, ela será duplicada automaticamente dentro dessa camada pai. Caso contrário, o CopyDoc criará um novo frame com Auto Layout e duplicará as novas camadas do Figma nele.
Nomes dinâmicos para as camadas pai repetidas automaticamente
Para dar a cada camada duplicada do Figma um nome vindo da planilha, faça o nome da camada de template selecionada corresponder ao cabeçalho de uma coluna. O CopyDoc usa o valor dessa coluna em cada linha como o novo nome da camada.
Um único # no início é opcional: uma camada chamada #Title pode corresponder a uma coluna Title, e uma camada chamada Title pode corresponder a uma coluna #Title. Se os dois cabeçalhos existirem, a correspondência exata tem prioridade, mesmo quando o valor dela estiver em branco. As letras maiúsculas e minúsculas e os espaços ainda precisam corresponder.
Se não houver nenhum nome de camada correspondente na planilha, o plugin CopyDoc usa o nome original da camada do Figma e acrescenta um número de linha a ele (por exemplo, My Frame Layer (Row 3)).