Em parte. O draw.io pode compartilhar nomes por meio de espaços reservados no nível do arquivo e derivar cores de dados, mas a documentação não estabelece a sincronização automática e bidirecional de nomes, cores e links entre formas copiadas em páginas diferentes.

Para uma tarefa no aplicativo de desktop para Mac, a decisão principal é se você precisa reorganizar um diagrama ou manter várias versões com posicionamentos independentes. Aplicar um layout reorganiza formas existentes; manter páginas separadas introduz valores e configurações distintos para gerenciar. O fluxo de trabalho abaixo usa apenas nós sintéticos e recursos documentados do editor. Aplicar layouts para reorganizar um diagrama

De que tipo de sincronização você precisa?

Suponha que três retângulos — Node A, Node B e Node C — apareçam em um arranjo horizontal e em outro vertical. Você quer que o nome, a cor de preenchimento e o link de destino de cada nó sejam iguais, embora sua posição seja diferente. Essa solicitação envolve várias operações distintas:

Requisito Abordagem documentada Limite
Alterar o arranjo das formas existentes Aplicar um layout ao diagrama atual Reorganiza os objetos existentes em vez de manter visualizações paralelas
Reutilizar um nome em várias páginas Referenciar uma propriedade personalizada do arquivo nos rótulos Edite a propriedade compartilhada; editar diretamente o rótulo é uma operação separada
Colorir formas de acordo com seus dados Usar regras de estilo no nível da página ou espaços reservados de estilo compatíveis É preciso manter os dados correspondentes e as regras aplicáveis
Dar às formas repetidas o mesmo destino Definir seus links explicitamente Um rótulo compartilhado não estabelece um destino compartilhado
Editar qualquer cópia e propagar os três atributos A documentação citada não estabelece um fluxo de trabalho completo Não trate a duplicação de páginas como um sistema de sincronização automática

Essas distinções decorrem dos escopos documentados: as propriedades do arquivo são compartilhadas entre páginas, as regras de estilo pertencem a páginas individuais e os links são armazenados como metadados das formas. Elas dão suporte a um fluxo de manutenção controlado, mas não estabelecem que cópias separadas se tornem um único objeto editável. Propriedades personalizadas globais, Alterar o estilo das formas com regras de estilo, Editar metadados de formas

Use um único conjunto de formas quando apenas o arranjo precisar mudar

Se você só precisa trabalhar com um arranjo de cada vez, mantenha um único diagrama editável. Assim, você evita o problema prático de manter cópias correspondentes. O draw.io para desktop funciona no macOS, então essa abordagem não exige transferir a tarefa para um navegador. Usar o draw.io offline

Crie os três retângulos e conecte Node A a Node B e, em seguida, Node B a Node C. Defina os rótulos, as cores e os links desejados antes de experimentar com o posicionamento. Depois, use o comando de layout documentado:

  1. Abra Arrange > Layout.
  2. Escolha um layout adequado, como um fluxo horizontal ou vertical.
  3. Ajuste as opções e clique em Apply.
  4. Inspecione o resultado. Pressione Cmd+Z para desfazer um arranjo inadequado.

Os layouts operam sobre formas existentes e usam as conexões entre elas para calcular o posicionamento. A documentação atual de layouts também diferencia o roteamento apenas de conectores dos layouts que movem formas. Portanto, reorganizar os mesmos objetos é a maneira compatível de mudar a apresentação sem criar outro conjunto de propriedades para reconciliar. Aplicar layouts para organizar diagramas rapidamente

Há uma limitação importante: aplicar layouts sucessivos não funciona como alternar entre visualizações salvas. A documentação afirma que os layouts são calculados com base no estado atual do diagrama; assim, aplicar outro layout não reproduz de forma consistente uma estrutura anterior. Se você precisa manter posições exatas e editáveis separadamente, use páginas distintas e a abordagem de manutenção abaixo. Aplicar layouts para reorganizar um diagrama

Compartilhe nomes de nós entre páginas com arranjos independentes

Para manter versões horizontal e vertical simultaneamente, deixe as duas páginas no mesmo arquivo. Comece com uma página chamada Wide; depois, duplique-a e dê à cópia o nome Tall. O menu de páginas documentado oferece as opções Duplicate Page e Rename Page. A duplicação fornece um arranjo inicial; configure os rótulos compartilhados explicitamente. Adicionar várias páginas aos seus diagramas

Defina os nomes no nível do arquivo

Abra File > Properties, clique em Edit Data e adicione estas propriedades ilustrativas:

Propriedade Valor
nodeAName Node A
nodeBName Node B
nodeCName Node C

Use Add Property para cada entrada e, em seguida, Apply. As propriedades do arquivo estão disponíveis em todas as páginas. Em contrapartida, clicar em Edit Data sem nada selecionado define propriedades para a página atual. Essa distinção determina se os nomes podem ser compartilhados entre layouts. Propriedades personalizadas globais

Faça os rótulos referenciarem esses nomes

No primeiro retângulo, pressione Cmd+M, marque Placeholders e clique em Apply. Defina o rótulo como %nodeAName%. Repita o processo com %nodeBName% e %nodeCName% nos outros retângulos. A configuração documentada dos rótulos consiste em habilitar espaços reservados e envolver o nome da propriedade com sinais de porcentagem. Usar espaços reservados em rótulos e dicas de ferramenta

Agora duplique a página e reorganize a cópia. Para renomear um nó lógico mais tarde, altere sua propriedade no arquivo. Evite adicionar uma propriedade com o mesmo nome a uma forma, contêiner ou página: uma propriedade mais específica substitui o valor do arquivo. Propriedades personalizadas globais

Pense no rótulo como uma referência ao nome compartilhado. Neste fluxo de trabalho, altere os nomes nas propriedades do arquivo em vez de substituir um rótulo exibido por texto literal.

Mantenha as cores consistentes sem presumir que as cópias estejam vinculadas

Em um diagrama pequeno, uma atualização explícita de estilo costuma ser suficiente. Estilize um retângulo, clique em Copy Style na guia Style, selecione o retângulo correspondente em outra página e clique em Paste Style. Isso aplica a formatação quando você executa o comando; repita-o após alterações posteriores. Os estilos de formas e conectores precisam ser copiados separadamente. Copiar e colar os estilos de formas e conectores

Se apenas o preenchimento precisar mudar, use o controle de cor Fill na forma de destino. Copiar um estilo inteiro pode aplicar mais formatação do que a alteração de cor pretendida. Alterar o estilo das formas

Use regras de página para uma convenção de cores repetível

Para vários nós repetidos, defina uma convenção ilustrativa: todas as representações de Node A usam azul. Dê a cada forma correspondente uma propriedade personalizada chamada nodeKey com o valor A, usando Cmd+M e Add Property. Há suporte a propriedades personalizadas em formas e conectores. Editar metadados de formas

Configure a regra em cada página de layout:

  1. Abra File > Page Setup e depois Advanced.
  2. Clique em Edit ao lado de Style Rules e, em seguida, em Add Rule.
  3. Faça a correspondência da propriedade nodeKey usando a comparação = e o valor A.
  4. Escolha Fill Color, selecione azul e confirme com OK.

A regra aplica estilo às formas correspondentes naquela página. Cada página tem suas próprias regras, e as regras da página de destino são aplicadas quando formas são copiadas para ela. Repita a convenção em Tall; alterações posteriores na convenção exigirão atualizar as regras de ambas as páginas. Não é possível alterar pelo controle de formatação comum um estilo controlado por uma regra enquanto ela estiver em vigor. Alterar o estilo das formas com regras de estilo

A documentação atual também oferece suporte a valores de cor dinâmicos por meio de stylePlaceholders=1, incluindo o fragmento de estilo fillColor=%color%;stylePlaceholders=1;. Isso estabelece que as cores podem acompanhar os dados, mas não estabelece a sincronização de uma forma copiada inteira, incluindo seu link. Trate essa opção como uma alternativa avançada aos preenchimentos explícitos ou às regras de página. Referência de estilos para geração de diagramas com IA

Defina os links separadamente e confira seus destinos

Adicione uma terceira página chamada Details. No retângulo Node A de cada layout, clique com o botão direito, escolha Edit Link, selecione Details na lista de páginas e clique em Apply. Isso dá aos dois retângulos o mesmo destino explícito. A documentação de páginas também afirma que renomear uma página de destino atualiza automaticamente o nome da página vinculada. Adicionar várias páginas aos seus diagramas

Um nome compartilhado, por si só, não comprova que os destinos sejam iguais. A propriedade documentada link pertence aos metadados da forma; portanto, inspecione os dois retângulos ao alterar seus destinos. Editar metadados de formas

Para links de ação personalizados, o draw.io documenta a cópia de uma lista de ações ou de todos os metadados da célula. A segunda opção usa Edit > Copy Data e Edit > Paste Data na guia Style, e também copia outros metadados, como tags, dicas de ferramenta e espaços reservados. Reserve essa operação para destinos que devam receber o mesmo conjunto de metadados. Copiar links personalizados e metadados de células

Verifique o resultado antes de adicionar mais layouts

Faça esta pequena verificação de aceitação no diagrama sintético. Ela separa valores compartilhados das propriedades que ainda precisam de manutenção deliberada:

Verificação Resultado esperado
Altere a propriedade do arquivo nodeAName para Node A Revised Os dois rótulos com espaços reservados exibem o nome atualizado
Mova o retângulo em Tall O arranjo independente pretendido continua utilizável
Aplique a convenção azul nas duas páginas Os dois retângulos correspondentes exibem o preenchimento escolhido
Inspecione o link de cada retângulo Ambos apontam para Details
Altere o destino pretendido Cada link afetado é atualizado e conferido deliberadamente

Se um rótulo exibir %nodeAName% literalmente, verifique se Placeholders está habilitado e se o nome da propriedade está correto. Se apenas um rótulo mostrar um valor inesperado, inspecione as propriedades da forma, de seus elementos ancestrais e da página para encontrar um valor substituto. Essas são etapas documentadas para solucionar problemas de espaços reservados e escopo. Usar espaços reservados em rótulos e dicas de ferramenta, Propriedades personalizadas globais

Não substitua esse fluxo de trabalho no desktop Mac por um processo de atualização de planilha. A documentação atual sobre fontes de dados afirma explicitamente que elas não podem ser carregadas no draw.io para desktop. Também diz que a atualização é manual e que os links fornecidos pela diretiva # link do modelo não são usados. Portanto, esse recurso não oferece o resultado de sincronização solicitado para desktop. Preencher e criar formas a partir de arquivos do Google Sheets e CSV

Para trabalhar com um arranjo de cada vez, mantenha um único conjunto de formas e reorganize-o. Para vários layouts persistentes, use propriedades de nome compartilhadas, uma convenção explícita de cores e links mantidos separadamente. Isso produz um resultado prático e fácil de revisar, sem deixar de respeitar os limites documentados: não está estabelecido que as formas copiadas constituam um sistema automático que permita editar qualquer cópia para atualizar os três atributos.

Fontes