Editar texto em arquivos XLSX ou CSV

Para editar o arquivo .xlsx ou .csv exportado, abra-o em um aplicativo de planilhas como o Apple Numbers, o Microsoft Excel ou o Google Sheets, ou simplesmente em um editor de texto/código como o Visual Studio Code ou o Sublime Text.

Abrir arquivos CSV com caracteres Unicode no Microsoft Excel. O Microsoft Excel exige que você use o Assistente de Importação integrado para importar o CSV se o texto tiver caracteres Unicode (por exemplo, se o conteúdo estiver em polonês ou russo). Outros aplicativos de planilhas, como o Apple Keynote e o Google Sheets, não exigem isso, e você pode abrir o arquivo CSV normalmente neles.

Abrir arquivos CSV no Google Sheets. Ao importar um arquivo CSV no Google Sheets, desmarque a caixa Convert text to numbers, dates and formulas. Caso contrário, os IDs do Figma serão modificados e corrompidos, e não será possível importá-los corretamente de volta no Figma.

Cada linha do arquivo .csv representa um trecho de texto do seu arquivo do Figma. Você pode conferir o frame pai de cada camada de texto pelo valor da coluna “frame”, como referência rápida, e editar o conteúdo de cada linha atualizando o valor da coluna “figma_text”.

Entender as colunas do seu arquivo XLSX ou CSV

id

A coluna id contém referências únicas às camadas de texto do seu arquivo original do Figma. É isso que permite reimportar as atualizações de texto no plugin CopyDoc depois.

Não edite nada na coluna “id”. Se você pretende reimportar as atualizações de texto no seu arquivo do Figma, não edite nada na coluna “id”. Caso contrário, não será possível vincular de volta ao texto do Figma (ou outras camadas poderão ser atualizadas incorretamente).

frame

A coluna frame contém o nome do frame pai que inclui a camada de texto da linha atual. Isso ajuda a saber onde a camada de texto aparece no seu design.

layer_name

A coluna layer_name se refere ao nome da sua camada de texto no arquivo original do Figma. Quase sempre ele é igual ao próprio texto, mas será diferente se você tiver renomeado manualmente suas camadas de texto do Figma.

Observação: editar ou atualizar o layer_name atualiza automaticamente o nome da camada de texto do Figma quando o arquivo XLSX ou CSV é reimportado no Figma. Isso não muda o conteúdo da camada de texto, então faça as edições de conteúdo do texto na coluna figma_text ou nas variantes de texto personalizadas que você tiver adicionado.

figma_text

A coluna figma_text_ contém o texto das camadas de texto do seu arquivo original do Figma. Editar esse conteúdo permite reimportar o conteúdo atualizado no Figma.

Variantes de texto personalizadas no seu XLSX ou CSV

Se você exportou o arquivo XLSX ou CSV com colunas personalizadas adicionais, elas são incluídas automaticamente depois de todas as colunas padrão na exportação .xlsx ou .csv. Você pode preencher essas colunas vazias com versões ou idiomas diferentes, que poderão ser selecionados quando você reimportar o CSV no Figma.

Salve de novo o arquivo XLSX/CSV como .xlsx/.csv. Se você usar um aplicativo de planilhas para editar o arquivo .csv, salve-o de novo como .csv depois de editar. Às vezes esses aplicativos tentam salvar o arquivo em outro formato, que não será compatível na hora de reimportar o arquivo pelo plugin CopyDoc.

Editar texto em arquivos JSON

Para editar o arquivo .json exportado, abra-o em um editor de texto/código como o Visual Studio Code ou o Sublime Text.

Cada objeto do array no arquivo .json representa um trecho de texto do seu arquivo do Figma. Você pode conferir o frame pai de cada camada de texto pelo valor da propriedade “frame”, como referência rápida, e editar o conteúdo de cada objeto atualizando o valor da propriedade “figma_text”.

Entender as colunas do seu arquivo JSON

id

A propriedade id contém referências únicas às camadas de texto do seu arquivo original do Figma. É isso que permite reimportar as atualizações de texto no plugin CopyDoc depois.

Não edite nada na propriedade “id”. Se você pretende reimportar as atualizações de texto no seu arquivo do Figma, não edite nada na propriedade “id”. Caso contrário, não será possível vincular de volta ao texto do Figma (ou outras camadas poderão ser atualizadas incorretamente).

frame

A propriedade frame contém o nome do frame pai que inclui a camada de texto do objeto atual. Isso ajuda a saber onde a camada de texto aparece no seu design.

layer_name

A propriedade layer_name se refere ao nome da sua camada de texto no arquivo original do Figma. Quase sempre ele é igual ao próprio texto, mas será diferente se você tiver renomeado manualmente suas camadas de texto do Figma.

Observação: editar ou atualizar o layer_name atualiza automaticamente o nome da camada de texto do Figma quando o JSON é reimportado no Figma. Isso não muda o conteúdo da camada de texto, então faça as edições de conteúdo do texto na propriedade figma_text ou nas variantes de texto personalizadas que você tiver adicionado.

figma_text

A propriedade figma_text_ contém o texto das camadas de texto do seu arquivo original do Figma. Editar esse conteúdo permite reimportar o conteúdo atualizado no Figma.

Variantes de texto personalizadas no seu JSON

Se você exportou o arquivo JSON com propriedades personalizadas adicionais, elas são incluídas automaticamente depois de todas as propriedades padrão na exportação .json. Você pode preencher essas propriedades vazias com versões ou idiomas diferentes, que poderão ser selecionados quando você reimportar o JSON no Figma.

Peça ajuda a amigos ou à equipe de desenvolvimento para usar o JSON. Se você não conhece bem o formato JSON, fale com alguém que entenda de desenvolvimento web. Com esse formato, dá para fazer coisas bem interessantes, como integrar os dados a uma API ou um app de terceiros, ou escrever um script Node.js próprio para manipular o texto de outras formas.

Editar texto em arquivos Markdown

Para editar o arquivo .md exportado, abra-o em um editor de texto/código como o Visual Studio Code ou use um editor de Markdown dedicado, como o Markably.

Cada bloco de texto do arquivo .md representa um conteúdo do arquivo do Figma. Antes de cada bloco aparece uma linha com o figma_text_id correspondente.

Não edite nem remova nada nas linhas da propriedade “figma_text_id”. Se você pretende reimportar as atualizações de texto no seu arquivo do Figma, não edite nada nas linhas “figma_text_id”. Caso contrário, não será possível vincular de volta ao texto do Figma (ou outras camadas poderão ser atualizadas incorretamente).

Formatação Markdown compatível

Você pode atualizar qualquer conteúdo do Figma no arquivo Markdown e também alterar ou adicionar uma formatação Markdown básica (negrito, itálico) e links, que podem ser reimportados no seu arquivo do Figma.

• Para deixar um texto em negrito, coloque dois asteriscos em volta dele, por exemplo, **Text to bold**
• Para deixar um texto em itálico, coloque um sublinhado em volta dele, por exemplo, _Italic Text_
• Para deixar um texto em negrito itálico, coloque dois asteriscos e um sublinhado em volta dele, por exemplo, **_Italic Text_**
• Para criar hiperlinks, use a sintaxe Markdown This is [my link here](https://example.com) in a text paragraph (você também pode formatar o texto do link adicionando a sintaxe de negrito/itálico dentro da área de texto [] do link).

Editar texto em arquivos DOCX

Para editar o arquivo .docx exportado, abra-o em um aplicativo como o Microsoft Word ou o Google Docs.

Cada bloco de texto do arquivo .docx representa um conteúdo do arquivo do Figma. Antes de cada bloco aparece uma linha com o figma_text_id correspondente.

Não edite nem remova nada nas linhas da propriedade “figma_text_id”. Se você pretende reimportar as atualizações de texto no seu arquivo do Figma, não edite nada nas linhas “figma_text_id”. Caso contrário, não será possível vincular de volta ao texto do Figma (ou outras camadas poderão ser atualizadas incorretamente).

Formatação DOCX compatível

Você pode atualizar qualquer conteúdo do Figma no arquivo DOCX e também alterar ou adicionar uma formatação básica (negrito, itálico) e links, que podem ser reimportados no seu arquivo do Figma.

Editar arquivos XLIFF

Para editar o arquivo .xliff exportado, abra-o em um editor de texto/código como o Visual Studio Code ou o Sublime Text.

Cada <unit> do arquivo .xliff representa um trecho de texto do seu arquivo do Figma. Você pode conferir o frame pai de cada camada de texto pelo valor da propriedade “frame”, como referência rápida, e editar o idioma de destino da tradução de cada <unit> atualizando o valor de <target>.

Use um software de edição de XLIFF para facilitar Se você não quiser usar um editor de texto comum para atualizar o arquivo .xliff, pode usar um software específico para editar arquivos .xliff, como o Counterparts ou o XLIFFTool para OSX, ou o Virtaal para Windows.

Não edite nada na propriedade “id”. Se você pretende reimportar as atualizações de texto no seu arquivo do Figma, não edite nada em nenhuma propriedade “id”. Caso contrário, não será possível vincular de volta ao texto do Figma (ou outras camadas poderão ser atualizadas incorretamente).

Ver as referências de design

Ao editar o texto da exportação, talvez você queira ver onde o texto aparece no design original do Figma. Se você ativou a opção Design References, o arquivo .zip exportado vai incluir uma pasta chamada _frames, com imagens .png de cada frame que você selecionou para exportar. Elas podem ser usadas como referência de design junto com os arquivos de texto exportados.

As camadas de texto exportadas são ordenadas pela posição visual. As camadas de texto dos arquivos exportados são ordenadas pela posição visual no design (de cima/esquerda para baixo/direita), o que facilita percorrer a imagem do design e encontrar onde o texto é usado.

Vídeos tutoriais

Vídeo tutorial: importe e exporte camadas de texto do Figma com arquivos CSV

Este vídeo mostra como importar e exportar camadas de texto do Figma com arquivos CSV usando o plugin CopyDoc.

Vídeo tutorial: exporte e reimporte textos do Figma com a sincronização do Airtable

Este vídeo mostra como exportar e reimportar textos do Figma com a sincronização do Airtable usando o plugin CopyDoc.

Vídeo tutorial: importe e exporte camadas de texto do Figma com arquivos JSON

Este vídeo mostra como importar e exportar camadas de texto do Figma com arquivos JSON usando o plugin CopyDoc.

Vídeo tutorial: exporte e reimporte camadas de texto selecionadas no Figma

Este vídeo mostra como exportar e reimportar camadas de texto selecionadas do Figma usando o plugin CopyDoc.

Vídeo tutorial: atualize textos do Figma com arquivos Markdown

Este vídeo mostra como atualizar o texto das camadas do Figma com arquivos Markdown usando o plugin CopyDoc.

Vídeo tutorial: atualize textos do Figma a partir do Microsoft Word com arquivos DOCX

Este vídeo mostra como atualizar textos do Figma a partir do Microsoft Word com arquivos DOCX usando o plugin CopyDoc.

Vídeo tutorial: atualize textos do Figma a partir do Google Docs com arquivos DOCX

Este vídeo mostra como atualizar textos do Figma a partir do Google Docs com arquivos DOCX usando o plugin CopyDoc.

Vídeo tutorial: atualize textos do Figma a partir do Office 365 com arquivos DOCX

Este vídeo mostra como atualizar textos do Figma a partir do Office 365 com arquivos DOCX usando o plugin CopyDoc.