Guia do Usuário Cancelar

Trabalhar com ativos de design do Photoshop

Pesquisar

Última atualização em 7 de jun de 2023

Guia do usuário do Adobe XD
Introdução
Design
1. Pranchetas, guias e camadas
2. Formas, objetos e caminho
3. Texto e fontes
  1. Trabalhar com ferramentas de desenho e texto
  2. Fontes no Adobe XD
4. Componentes e estados
5. Mascaramento e efeitos
6. Layout
7. Vídeos e animações Lottie
Protótipo
Compartilhar, exportar e analisar
Sistemas de design
Documentos na nuvem
Integrações e plug-ins
XD para iOS e Android
1. Visualizar em dispositivos móveis
2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
Solução de problemas
1. Problemas conhecidos e corrigidos
  1. Problemas conhecidos
  2. Problemas corrigidos
2. Instalação e atualizações
3. Inicialização e falha
4. Documentos na nuvem e bibliotecas da Creative Cloud
5. Prototipagem, publicação e revisão
6. Importação, exportação e trabalho em outros aplicativos

Quer elevar o nível dos seus designs do Photoshop? Saiba como importar pranchetas e ativos do Photoshop para o XD para criar protótipos de alta fidelidade.

O Adobe XD permite conectar seus designs e pranchetas do Photoshop para transformá-los em aplicativos ou protótipos interativos. Com a integração complementar entre o XD e o Photoshop, você pode aproveitar ao máximo o potencial dos arquivos .psd e realizar ações simples como copiar e colar sem esforço.

Trabalhar com ativos de design do Photoshop

Lembre-se:

Embora o Photoshop e o XD tenham um conjunto complementar de recursos, ainda existem alguns deles que não possuem um mapeamento um para um. Antes de prosseguir, vamos analisar os recursos que não possuem mapeamento direto no Photoshop e no XD.

Alguns elementos do Photoshop não podem ser rasterizados e transferidos para o seu design do XD. Para obter informações sobre os elementos do Photoshop compatíveis, consulte Elementos do Photoshop compatíveis no XD.
Você não pode exportar arquivos do XD como arquivos .psd para o Photoshop. Contudo, é possível usar Arquivo > Abrir no XD para abrir imagens do Photoshop que fazem parte do seu design do XD usando os recursos avançados de edição de fotos do Photoshop.
Se você abriu o arquivo .psd no XD, não poderá salvá-lo como um arquivo .psd.

Para proporcionar uma experiência perfeita ao trabalhar com o XD e o Photoshop, estamos aprimorando os fluxos de trabalho de interoperabilidade. Enquanto isso, se você quiser fazer alguma sugestão ou comentário, compartilhe-os no UserVoice.

Acessar os designs do Photoshop no XD

Conheça algumas formas de importar seus designs do Photoshop para o XD quando eles estiverem prontos.


Importar ou abrir designs do Photoshop Saiba mais	Copiar e colar ativos do Photoshop Saiba mais	Usar ativos das Bibliotecas da Creative Cloud Saiba mais

Com o XD 57 e versões posteriores, quando você copia um ativo que tem um perfil de cores sRGB do Photoshop em um documento XD com um perfil de cores sRGB, você obtém cores consistentes. Se o documento XD tiver um perfil de cores Não gerenciado, você receberá uma mensagem solicitando que altere o perfil de cores para sRGB.

Criar protótipo de pranchetas importadas

Depois que os designs do Photoshop são importados para o XD, vamos ver como você pode usá-los para criar um protótipo.

Ao trabalhar com o Photoshop, você pode criar pranchetas do XD abrindo as pranchetas do Photoshop diretamente no XD. As pranchetas no Photoshop são facilmente importadas para o formato de prancheta do XD.

Você também alterna entre os dois aplicativos para ajustar elementos visuais em trânsito.

Quer aprimorar seus designs do XD? Eleve o nível dos seus designs usando recursos exclusivos no XD, como Repetição de grades, Estados, Animação automática, Protótipos por voz e muitos outros.

Compartilhar e colaborar com o XD

O protótipo está pronto para ser compartilhado?

Uma das principais vantagens de usar o Adobe XD para projetar e criar protótipos interativos é a capacidade de compartilhar seus designs e protótipos e receber feedback das partes interessadas.

Seus designs compartilhados são otimizados sem perda de fidelidade, o feedback das partes interessadas está disponível em tempo real e os desenvolvedores podem baixar os ativos compartilhados e as especificações de design para codificação.

Use o Modo de compartilhamento no XD para compartilhar com facilidade seus designs e protótipos interativos com as partes interessadas e colaborar e coeditar com outros designers. As versões do seu documento são salvas automaticamente em intervalos regulares, o que permite restaurar as alterações de uma versão anterior.

Com o XD 57 e versões posteriores, você consegue apresentar as cores de maneira consistente para as partes interessadas. Para isso, mude o perfil de cores do documento para sRGB. Se você tentar compartilhar pranchetas selecionadas de um documento com um perfil de cores não gerenciado, receberá uma mensagem informando que pode haver uma discrepância de cores para as partes interessadas. Para obter mais informações, consulte Gerenciamento de cores.

Quer saber se a resolução de seus protótipos é afetada depois de compartilhá-los usando o XD? A resposta é Não.

Perguntas frequentes

Como posso converter meus ativos do Photoshop em componentes e usá-los consistentemente em projetos mantendo as convenções de nomes?

É possível usar seus ativos do Photoshop para criar componentes reutilizáveis que ajudam a criar e manter elementos repetidos em diferentes contextos e layouts. Você pode criar um componente mestre para definir um elemento reutilizável, como um botão, e alterar as propriedades dele para personalizar as instâncias desse elemento. As alterações feitas em uma instância individual são específicas desse elemento, mas as alterações feitas no componente mestre são propagadas para todas as instâncias.

Como faço para criar uma amostra de cores usando um arquivo de imagem?

Não é possível criar ou importar amostras de cores do Photoshop para o XD. Como solução alternativa, você pode arrastar essas cores do painel Amostras no Photoshop para o painel Bibliotecas, abrir as Bibliotecas da CC no XD, usá-las em um objeto e adicionar a cor ao painel Ativos.

O que vem por aí?

Apresentamos o essencial sobre o trabalho com ativos de design do Photoshop. Dê um passo à frente e aprenda a criar protótipos interativos e compartilhá-los com designers ou partes interessadas para feedback.

Tem alguma dúvida ou sugestão?

Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer.