Vídeo tutorial: criar uma biblioteca de conteúdo de texto reutilizável no Figma

Este vídeo mostra como criar uma biblioteca de conteúdo de texto reutilizável no Figma com o CopyDoc.

Vídeo tutorial: adicionar atalhos de trechos de conteúdo com expansor de texto no Figma

Este vídeo mostra como adicionar atalhos de trechos de conteúdo com expansor de texto no Figma usando o plugin CopyDoc.

Criar trechos para o expansor de texto

Depois de abrir o painel Content Library, para criar seu primeiro trecho de texto na aba Collections, clique no botão Add New Snippet + e preencha os campos obrigatórios:

Trigger Shortcut Name

Atalhos de gatilho são palavras-chave especiais cujo conteúdo é expandido quando você as digita (ou copia e cola) em uma camada de texto do Figma (por exemplo, //expandme).

Add To Collection (Optional)

Por padrão, todo trecho de texto novo fica como “Uncategorized”, mas você pode criar uma coleção com um nome personalizado (ou selecionar uma coleção criada antes) para manter seus trechos organizados por categoria.

Text Content Snippet

O trecho de conteúdo de texto contém as strings que serão aplicadas às suas camadas de texto do Figma quando você clicar no trecho na biblioteca de conteúdo.

Para criar várias variações de um mesmo trecho de texto, separe as strings com duas barras verticais (por exemplo, Hey || Hello || Hi).

Formatação Markdown compatível nos trechos de texto

Se quiser, você pode adicionar formatação Markdown básica (negrito, itálico) e links aos seus trechos. A formatação é aplicada automaticamente quando o trecho é aplicado à camada de texto do Figma.

• Para deixar o texto em negrito, use dois asteriscos **Snipet text to bold** ou dois sublinhados eg.__Snipet text to bold__
• Para deixar o texto em itálico, use um asterisco *Italic Snippet Text* ou um sublinhado eg._Italic Snippet Text_
• Para deixar o texto em negrito e itálico, use três asteriscos ***Bold Italic Snippet Text*** ou três sublinhados eg.___Bold Italic Snippet Text___
• Para criar hiperlinks, use a sintaxe Markdown This is [my link here](https://example.com) in a text snippet (você também pode formatar o texto do link adicionando a sintaxe de negrito ou itálico dentro dos [] do link).

Aplicar trechos selecionando camadas de texto

A primeira forma de aplicar os trechos de texto salvos é selecionar as camadas de texto do Figma em que você quer aplicá-los e clicar no botão Apply para aplicar uma variação aleatória do trecho a essa camada de texto.

Você também pode aplicar os trechos em uma determinada ordem ou escolher uma variação específica: primeiro expanda o trecho de texto e depois clique em uma variação ou escolha uma opção de aplicação em massa (Ordered, Random, A-Z ↓ ou Z-A ↑).

Aplicar trechos com gatilhos do expansor de texto

A outra forma de usar e aplicar os trechos de texto salvos é copiar e colar (ou digitar manualmente) o “gatilho” do trecho (por exemplo, //expandme) direto na camada de texto do Figma enquanto edita o conteúdo dela. O atalho de gatilho é expandido automaticamente no trecho de texto completo que você adicionou.

Você pode usar os gatilhos em outros recursos do CopyDoc. O expansor de texto funciona detectando automaticamente o trecho quando o conteúdo de uma camada de texto do Figma é atualizado. Por isso, você pode usar os atalhos de gatilho com os outros métodos de atualização de camadas de texto do CopyDoc (por exemplo, localizar e substituir, importações em massa de CSV/XLSX e sincronização com o Google Sheets). Basta usar o nome do gatilho como parte do conteúdo atualizado for example, Hello //firstname, how it's going?

Editar ou excluir trechos de texto

Para excluir ou editar um trecho de texto personalizado que você já adicionou à biblioteca de conteúdo, expanda o trecho clicando nele na lista de trechos da aba Collections. Depois, clique no ícone Trash e confirme com Delete para excluí-lo, ou clique no ícone Pencil para abrir o painel de edição, onde você pode atualizar o nome do gatilho, a coleção ou o conteúdo de texto do trecho selecionado.

Mover ou excluir trechos de texto em massa

Para mover rapidamente vários trechos de texto para outra coleção, marque a caixa de seleção dos trechos desejados, escolha uma coleção existente na lista suspensa Select Snippet Collection ou adicione o nome de uma nova coleção e clique no botão Move.

Se preferir, em vez de mover os trechos para outra coleção, clique no botão Delete e confirme com Delete para excluir em massa todos os trechos selecionados.

Exportar trechos de texto para CSV

Para exportar um arquivo .csv com seus trechos de texto personalizados, marque a caixa de seleção dos trechos que você quer exportar e clique no botão Export To CSV. Os trechos selecionados são baixados automaticamente em um arquivo .csv que você pode salvar no seu computador.

Você pode editar esses arquivos .csv e importá-los de novo para os trechos da sua biblioteca de conteúdo.

Importar trechos de texto de um CSV

Para importar um arquivo .csv com gatilhos e trechos de texto personalizados, clique no botão Import CSV na aba Collections do recurso de biblioteca de conteúdo do CopyDoc.

O arquivo .csv que você arrasta para a área de upload pode ser uma planilha atualizada que você exportou com o recurso Export CSV ou uma planilha totalmente nova formatada da mesma forma.

O CSV precisa seguir esta estrutura: cada coluna da primeira linha (a linha de cabeçalho) contém o nome de um gatilho (por exemplo, //expandme), e cada variação de texto de um trecho preenche as linhas abaixo da coluna desse gatilho.

//firstname	//cities
Kate	Seattle
Elbert	Los Angeles
Michael	New York
Amy	Austin
	Portland
	Boston