Guia do Usuário Cancelar

Trabalhar com ativos de design do Photoshop

  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Opções de assinatura do Adobe XD
    12. Alterações no plano inicial do XD
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

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

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 gradesEstadosAnimação automáticaProtó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.

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?

Pergunte à comunidade

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.

Logotipo da Adobe

Fazer logon em sua conta