Você tem alguma dúvida ou sugestão? Participe da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer!
Última atualização em
17 de fev de 2023
- Guia do usuário do Adobe XD
- Introdução
- Novidades no Adobe XD
- Perguntas frequentes
- Criar designs e protótipos e compartilhar com o Adobe XD
- Gerenciamento de cores
- Requisitos de sistema
- Noções básicas sobre a área de trabalho
- Alterar o idioma do aplicativo no Adobe XD
- Acessar kits de design de interface
- Acessibilidade no Adobe XD
- Atalhos de teclado
- Dicas e truques
- Design
- Pranchetas, guias e camadas
- Formas, objetos e caminho
- Selecionar, redimensionar e girar objetos
- Mover, alinhar, distribuir e organizar objetos
- Agrupar, bloquear, duplicar, copiar e virar objetos
- Definir traçado, preenchimento e sombra projetada para objetos
- Criar elementos de repetição
- Criar designs de perspectiva com transformações em 3D
- Editar objetos usando operações boolianas
- Texto e fontes
- Componentes e estados
- Mascaramento e efeitos
- Layout
- Vídeos e animações Lottie
- Protótipo
- Criar protótipos interativos
- Animar protótipos
- Propriedades de objeto compatíveis com a Animação automática
- Criar protótipos com teclados e controles
- Criar protótipos usando reprodução e comandos de voz
- Criar transições temporizadas
- Adicionar sobreposições
- Criar protótipos de voz
- Criar links de âncora
- Criar hiperlinks
- Visualizar designs e protótipos
- Compartilhar, exportar e analisar
- Compartilhar pranchetas selecionadas
- Compartilhar designs e protótipos
- Definir permissões de acesso para links
- Trabalhar com protótipos
- Revisar protótipos
- Trabalhar com especificações de design
- Compartilhar especificações de design
- Inspecionar especificações de design
- Navegar em especificações de design
- Revisar e comentar especificações de design
- Exportar ativos de design
- Exportar e baixar ativos de especificações de design
- Compartilhamento em grupo para corporações
- Fazer backup ou transferir ativos do XD
- Sistemas de design
- Sistemas de design com as Bibliotecas da Creative Cloud
- Trabalhar com ativos de documento no Adobe XD
- Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
- Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
- Trabalhar com tokens de design
- Usar ativos das Bibliotecas da Creative Cloud
- Documentos na nuvem
- Integrações e plug-ins
- Trabalhar com ativos externos
- Trabalhar com ativos de design do Photoshop
- Copiar e colar ativos do Photoshop
- Importar ou abrir designs do Photoshop
- Trabalhar com ativos do Illustrator no Adobe XD
- Abrir ou importar designs do Illustrator
- Copiar vetores do Illustrator para o XD
- Plug-ins para o Adobe XD
- Criar e gerenciar plug-ins
- Integração do JIRA com o XD
- Plug-in do Slack para XD
- Plug-in do Zoom para XD
- Publicar o design do XD no Behance
- XD para iOS e Android
- Solução de problemas
- Problemas conhecidos e corrigidos
- Instalação e atualizações
- Inicialização e falha
- Documentos na nuvem e bibliotecas da Creative Cloud
- Prototipagem, publicação e revisão
- Não é possível gravar interações de protótipo no macOS Catalina
- Problemas com fluxos de trabalho de publicação
- Links publicados não são exibidos nos navegadores
- Protótipos não são renderizados corretamente nos navegadores
- Painel de comentários aparecendo repentinamente em links compartilhados
- Não é possível publicar bibliotecas
- Importação, exportação e trabalho em outros aplicativos
Procurando informações sobre como usar as Bibliotecas da Creative Cloud para criar e compartilhar sistemas de design no XD? Você está no lugar certo.
As Bibliotecas da Creative Cloud ajudam sua equipe a gerenciar e distribuir centralmente os ativos de sistemas de design e marca em escala.
Comece definindo a folha de adesivos com um conjunto de componentes e estilos que constituem o sistema de design e marca em um documento na nuvem do XD. Quando estiver pronto para compartilhar esses ativos reutilizáveis com toda a equipe, publique o documento na nuvem da folha de adesivos como uma biblioteca e convide suas equipes, com o conjunto certo de permissões.
Depois que sua equipe aceitar os convites da biblioteca, ela poderá reutilizar os ativos dessa biblioteca e ficar em sincronia com todas as atualizações futuras da biblioteca.
Por que usar as Bibliotecas da Creative Cloud?
Esta é Natalia, proprietária de uma biblioteca de design
“Como proprietária de uma biblioteca de design, eu quero poder publicar meus ativos e componentes de design em uma biblioteca e convidar outras pessoas para consumir a biblioteca de sistema de design.”
Este é Pedro, consumidor de uma biblioteca de design
“Como consumidor de uma biblioteca de design, eu quero poder reutilizar com facilidade os ativos compartilhados da biblioteca e ser notificado quando a Natalia os alterar.”
Soa familiar? Se você deseja publicar todos os ativos e componentes em uma biblioteca e convidar outras pessoas para consumir seus sistemas de design no XD, está no lugar certo.
Antes de continuar
Familiarize-se com estes conceitos no XD:
Publicar e compartilhar bibliotecas vinculadas
Para criar e distribuir um sistema de design por meio de bibliotecas, comece pela curadoria de seus ativos de sistema de design (cores, estilos de caracteres e componentes) no painel Ativos de documento do seu documento na nuvem de origem.
Depois de definir os ativos do sistema de design, publique-os como uma biblioteca vinculada ao seu documento de origem. Compartilhe-os com sua equipe para reutilizá-los de forma consistente em todos os seus projetos do XD e outros aplicativos da Creative Cloud.
Para publicar uma biblioteca vinculada, siga estas etapas:
- Clique em Bibliotecas na barra de ferramentas e abra a exibição do painel Ativos do documento.
- Clique em Publicar como uma biblioteca para abrir o Gerenciador de bibliotecas.
- No Gerenciador de bibliotecas, clique em Publicar. Como alternativa, clique em Criar e depois em Publicar biblioteca vinculada.
A biblioteca publicada contém todos os ativos no painel Ativos do documento do seu documento de origem.
Observação:
Você pode adicionar ativos a uma biblioteca vinculada apenas por meio de seu documento de origem, mas pode consumir os ativos em qualquer aplicativo da Creative Cloud. Se você optar por Criar > Criar biblioteca vazia, você cria uma biblioteca comum da Creative Cloud não vinculada ao documento na nuvem. Você pode adicionar ativos a uma biblioteca comum da Creative Cloud por meio de qualquer aplicativo da Creative Cloud.
Publicar uma biblioteca de equipe
Se você for um usuário da Creative Cloud para equipes ou corporações, além de publicar uma biblioteca pessoal, talvez possa publicar bibliotecas de equipe. As bibliotecas de equipe têm propriedade compartilhada.
Para publicar uma biblioteca de equipe, siga as etapas abaixo:
- Abra o gerenciador de biblioteca.
- Escolha Criar > Criar biblioteca vazia ou Publicar biblioteca vinculada.
- Selecione o espaço de equipe e publique a biblioteca de equipe.
Para saber mais sobre bibliotecas de equipe e seus benefícios, consulte Bibliotecas da Creative Cloud para empresas.
Ao publicar uma biblioteca, a caixa de diálogo Compartilhar será exibida para ajudar a convidar os membros da sua equipe.
- Clique em Compartilhar e adicione os membros da equipe com quem deseja compartilhar a biblioteca.
- Definir a permissão Pode editar permite aos membros da equipe publicar novas atualizações à biblioteca. Definir a permissão Pode exibir permite aos membros da equipe utilizar o conteúdo da biblioteca, mas eles não podem atualizar nem modificar a biblioteca.
Depois de convidar os membros da equipe, eles são solicitados a aceitar o convite da biblioteca por email ou pelo aplicativo de desktop da Creative Cloud.
Convidar coeditores do documento às bibliotecas com permissões de edição
As permissões de documentos na nuvem não são sincronizadas automaticamente com a biblioteca vinculada a eles. Portanto, ao publicar uma biblioteca, convide todos os coeditores do documento à biblioteca com a permissão Pode editar.
O que acontece se os coeditores do documento não tiverem permissões de edição para a biblioteca?
Só pode haver uma biblioteca vinculada para um documento na nuvem. Portanto, se você não convidar um coeditor do documento à sua biblioteca, o coeditor pode acabar publicando uma nova biblioteca a partir do mesmo documento sem saber que outra já existe. Quando o coeditor publica uma nova biblioteca, ela é vinculada ao documento, e a biblioteca original é desvinculada.
Se você convidar um coeditor à biblioteca com a permissão Pode exibir, o coeditor não terá a opção de atualizar a biblioteca. Ele verá o status Atualizado na janela Bibliotecas do documento de origem.
Aprenda com um exemplo
- Natália é proprietária de um documento do XD, Brand Systems, e convida Pedro como coeditor ao documento.
- Natália cria uma biblioteca vinculada a partir do documento, que também é nomeada automaticamente como Brand Systems, e esquece de convidar Pedro à biblioteca.
- Pedro adiciona novos ativos ao documento e deseja publicar uma biblioteca sem saber que outra biblioteca vinculada já existe.
- Pedro seleciona o botão Publicar na janela Bibliotecas do documento, criando uma nova biblioteca vinculada, Brand_Systems(1), no processo. A criação de Brand_Systems(1) desvincula a biblioteca original do documento.
- Natália percebe que os vínculos aos ativos da biblioteca de outro documento estão quebrados.
Sua biblioteca original foi desvinculada do documento de origem por um coeditor? Consulte Vincular novamente a biblioteca ao documento de origem.
Práticas recomendadas
- Ao publicar uma nova biblioteca vinculada a partir do seu documento na nuvem, lembre-se de convidar todos os coeditores do documento à biblioteca com a permissão Pode editar. Convide-os à biblioteca com a permissão Pode exibir somente se quiser permitir o uso dos ativos da biblioteca.
- Ao convidar novos coeditores ao documento, lembre-se de convidá-los à biblioteca vinculada e conceder a permissão necessária.
Observações importantes
- Ao publicar uma biblioteca pela primeira vez, dependendo do tamanho, pode levar alguns minutos para que ela seja publicada. Você pode acompanhar o progresso da publicação da biblioteca pelo indicador de progresso no Gerenciador de bibliotecas.
- Ao aceitar o convite da biblioteca, pode levar alguns minutos para que a biblioteca seja sincronizada. Clique no ícone de nuvem no aplicativo de desktop da Creative Cloud para verificar o status de sincronização da biblioteca. Quando a sincronização da biblioteca for concluída, você poderá acessá-la no XD e em outros aplicativos da Creative Cloud.
Consumir bibliotecas
Se você aceitou o convite da biblioteca, pode começar a usar ativos da biblioteca no XD e em outros aplicativos da Creative Cloud. Para usar ativos da biblioteca no XD, siga as etapas abaixo:
Encontrar sua biblioteca compartilhada
Na exibição do painel Bibliotecas, encontre sua biblioteca compartilhada.
Você pode optar por mostrar algumas bibliotecas na exibição do painel Bibliotecas e ocultar outras.
Consumir ativos da biblioteca compartilhada
Clique na biblioteca da qual deseja consumir ativos.
Aplicar cores ou estilos de caractere
Você pode aplicar cores ou estilos de caractere a objetos ou componentes na tela e arrastar componentes para a tela que se tornam ativos vinculados.
Exibir ativos vinculados em seu documento
Alterne para a exibição do painel Ativos do documento que mostra todos os ativos locais e vinculados usados de uma ou várias bibliotecas.
Você pode optar por mostrar algumas bibliotecas na exibição do painel Bibliotecas e ocultar outras:
- Abra o Gerenciador de bibliotecas:
- Exibição do painel Ativos do documento: clique em Publicar como uma biblioteca na parte superior do painel.
- Exibição do painel Bibliotecas: clique em + ou Gerenciar bibliotecas.
- Use os alternadores para mostrar ou ocultar as bibliotecas.
- Feche o Gerenciador de bibliotecas.
Atualizar bibliotecas publicadas
Quando você publica uma biblioteca de um documento na nuvem do XD e modifica os ativos no documento na nuvem de origem, o XD indica as mudanças feitas desde que você publicou a biblioteca pela última vez das seguintes maneiras:
- Uma mensagem dentro do aplicativo depois que você faz alterações em uma biblioteca publicada para facilitar o processo de atualizar a biblioteca.
- Um símbolo azul em Publicar como uma biblioteca ao lado do painel Ativos do documento indica que uma atualização está pronta para ser publicada.
Quando estiver pronto para publicar as atualizações à sua biblioteca, use uma destas opções:
Atualizar pela mensagem no aplicativo
Clique em Atualizar agora na mensagem dentro do aplicativo informando que uma atualização está pronta para ser publicada.
Atualizar pelo Gerenciador de bibliotecas
Clique em Publicar como uma biblioteca na exibição do painel Ativos do documento para abrir o Gerenciador de bibliotecas. Clique em Atualizar para enviar as atualizações mais recentes à equipe.
Visualizar e aceitar atualizações da biblioteca
O que acontece quando você atualiza e publica bibliotecas? Seus colegas designers que estiverem usando esses ativos vinculados atualizados em seus projetos de design receberão as seguintes notificações:
- Exibição do painel Ativos do documento: um símbolo azul
nos ativos vinculados que têm atualizações pendentes, além do botão Atualizar tudo na parte inferior do painel. - Painel Bibliotecas (exibição): um símbolo azul
ao lado de Ativos do documento indicando o número de atualizações pendentes no documento.
Visualizar atualizações na exibição do painel Ativos do documento ou na tela de design
Passe o mouse sobre o ícone de atualização azul em cores, estilos de caractere e componentes vinculados.
Atualizar todas as cores, estilos de caractere e componentes vinculados dentro do documento
Clique no ícone de atualização azul ou clique em Atualizar na parte inferior da exibição do painel Ativos do documento.
À medida que os ativos do documento e as bibliotecas aumentam, você pode usar os recursos de pesquisa e filtro.
Na exibição do painel Ativos de documento, insira o termo de pesquisa para pesquisar ativos em seu documento. Na exibição do painel Bibliotecas, pesquise ativos em todas as suas bibliotecas ativas.
O XD fornece estes três mecanismos de filtro para limitar a pesquisa de ativos que você deseja usar no seu projeto:
- Tipo de ativo: filtre por tipos de ativo (cores, estilos de caractere ou componentes) que deseja exibir. Os resultados do filtro mostram ativos locais e vinculados.
- Ativos locais: se você quiser usar apenas os ativos de documentos locais, selecione o filtro Ativos locais.
- Origem dos ativos vinculados: se você tiver ativos vinculados de vários documentos na nuvem ou bibliotecas e quiser usar ativos de uma origem específica, selecione a biblioteca ou documento de origem vinculado desejado com esse filtro.
Para experimentar e alterar determinados estilos ou propriedades de um ativo vinculado sem afetar o trabalho de quem estiver usando esse ativo em seus documentos, você pode converter seu ativo vinculado em um ativo local.
- Na exibição do painel Ativos do documento, selecione o ativo vinculado.
- Clique com o botão direito no ativo e selecione Tornar local.
Observações importantes
Se você converter um ativo vinculado em um ativo local, não receberá mais notificações sobre alterações feitas nesse ativo vinculado na biblioteca. Outros documentos do XD com esse ativo vinculado continuarão a receber atualizações.
A opção Tornar local pode ser útil ao usar um ativo de uma biblioteca ou copiar/colar um componente vinculado entre documentos ou quando há um ativo vinculado quebrado no documento.
Para saber como vincular novamente uma biblioteca desvinculada ao seu documento de origem, consulte Vincular novamente a biblioteca ao documento de origem.
Desfazer a publicação de bibliotecas
Se você decidir que não precisa mais de uma biblioteca, pode desfazer a publicação dela pelo Gerenciador de bibliotecas. Para desfazer a publicação de uma biblioteca:
- Abra o Gerenciador de bibliotecas do documento de origem da biblioteca.
- Clique nos três pontos ao lado de Compartilhar e clique em Desfazer a publicação.
Quando não publicados, todos os ativos vinculados que foram anteriormente retirados dessa biblioteca se tornarão links quebrados indicados por um emblema vermelho. Você pode excluir esses ativos quebrados ou convertê-los em ativos locais.
Observações importantes
- Se você desfizer a publicação de uma biblioteca e depois publicá-la novamente, os ativos vinculados quebrados não serão revinculados a essa biblioteca.
Consumir ativos de bibliotecas criadas em aplicativos da Creative Cloud
Com o XD, você e suas equipes podem usar com facilidade ativos criados em outros aplicativos da Creative Cloud, como o Photoshop e o Illustrator. Não importa se você criou uma biblioteca de inspiração com uma coleção de imagens do Adobe Stock ou gráficos ou uma biblioteca com uma coleção de cores e estilos de caractere reutilizáveis que não estão vinculados a um documento de origem, é possível reutilizar esses ativos no Adobe XD.
Ao arrastar um gráfico das bibliotecas para seus designs, ele se torna um gráfico vinculado indicado por um ícone. Todas as alterações feitas a esse gráfico vinculado no Photoshop ou no Illustrator são atualizadas automaticamente em todas as instâncias do gráfico vinculado no design. Para desvincular um gráfico vinculado, clique no ícone de vínculo ou use o menu de contexto para desvinculá-lo.
Para criar uma biblioteca semelhante no XD com uma coleção de cores, estilos de caractere ou gráficos que não estão vinculados ao documento, escolha Criar > Criar biblioteca vazia.
Observações importantes
- Você só pode adicionar componentes a bibliotecas publicando um documento como uma biblioteca.
- Não é possível editar cores ou estilos de caractere nas bibliotecas.
- Ao adicionar gráficos com transformações em 3D a uma biblioteca, a transformação 3D é perdida.
Práticas recomendadas
- Para ter mais controle sobre o envio de atualizações de ativos de biblioteca, permitir à sua equipe visualizar e aceitar essas atualizações e garantir que a equipe fique sincronizada com as alterações mais recentes, recomendamos publicar uma biblioteca vinculada a partir de um documento conforme descrito neste artigo.
Saiba mais
Assista a este vídeo para saber como trabalhar com bibliotecas no XD.
Duração: 6 minutos.
O que vem por aí?
Agora você sabe como publicar e compartilhar bibliotecas. Continue em frente e saiba como compartilhar especificações de design com desenvolvedores para que eles possam inspecionar seus designs.
Tem alguma dúvida ou sugestão?
