Vídeo tutorial: sincronizar o conteúdo de uma planilha do Airtable com o Figma
Este vídeo mostra como sincronizar o conteúdo de uma planilha do Airtable com o Figma usando o plugin CopyDoc.
Vídeo tutorial: repetir e sincronizar automaticamente camadas do Figma a partir de uma planilha
Este vídeo mostra como repetir e sincronizar automaticamente camadas do Figma a partir de uma planilha usando o plugin CopyDoc.
Sincronizar o conteúdo do Airtable com as camadas do Figma
Para adicionar o conteúdo do seu Airtable ao recurso Sync Content do CopyDoc, selecione a opção Sync from Airtable URL na lista suspensa de plataformas. Depois, preencha 3 campos:
URL da sua planilha do Airtable
Para criar uma planilha, entre no Airtable e clique em Create a base, selecione o Workspace em que você quer adicioná-la e clique em Create.
A URL da planilha do Airtable deve ser parecida com esta: https://airtable.com/appzkSCDvQhxjfrl3/tbl9Ug0eTNoZFX5ne/viwULclwtTCrQq4dR?blocks=hide
Seu token de acesso pessoal do Airtable
Você pode criar um token na página Personal Access Token do Airtable.
Seu token de acesso pessoal do Airtable deve ser parecido com este: patCDDXkwmgP4CyJK.19aa66430076753f90aaf1b27ae0a4ddf14f445dce8add9bd539bcbefcbe35df
Defina os Scopes do token como data.records:read e schema.bases:read e dê a ele acesso à base que você quer sincronizar. O escopo de schema permite que o CopyDoc reconheça colunas que estão em branco em todos os registros, para que as camadas de texto correspondentes possam ser limpas. Um token só com data.records:read ainda consegue sincronizar as colunas retornadas, mas colunas totalmente em branco podem deixar o texto do template sem alteração.
Rótulo personalizado do Airtable
Defina um rótulo personalizado (por exemplo, My Airtable Snippets) para ajudar você a identificar a URL do seu Airtable quando for usá-la.
Depois de preencher esses campos, clique em Save New Airtable + para carregar a pré-visualização do conteúdo e salvar a visualização no seu arquivo do Figma. Você pode salvar várias visualizações da mesma tabela com rótulos diferentes. Adicionar a mesma visualização de novo seleciona a entrada que já está salva.
Campos em branco
Com schema.bases:read ativado, as células vazias limpam as camadas de texto correspondentes mesmo quando a coluna inteira está em branco na visualização selecionada. As camadas que não correspondem a nenhuma coluna da tabela mantêm o conteúdo atual. O CopyDoc carrega todas as páginas de registros da visualização selecionada.
Se o CopyDoc não conseguir ler a lista de campos, ele mostra uma mensagem e continua usando os campos retornados com os registros. Adicione o escopo de schema ao seu token se for solicitado e depois recarregue a pré-visualização do conteúdo. Se a lista de campos estiver temporariamente indisponível, recarregue para tentar de novo.
Um rótulo como MODERATED BY continuará aparecendo se a célula correspondente no Airtable contiver esse texto. Limpe essa célula também se quiser remover o rótulo.
Camadas de texto do Figma com fontes ausentes não podem ser atualizadas. Se a sua camada de texto do Figma tiver uma fonte ausente, o plugin não conseguirá atualizá-la. Resolva as fontes ausentes de todas as camadas de texto que você quiser atualizar de qualquer forma com o plugin CopyDoc.
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)).