Guia do Usuário Cancelar

Trabalhar com ativos do Illustrator no Adobe XD

  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

Saiba como importar ilustrações vetoriais, como ícones e designs de logotipo, do Illustrator para o Adobe XD.

O Adobe XD funciona com o Illustrator para importar ilustrações vetoriais de alta fidelidade, como logotipos, ícones ou outros elementos, para você usar em seus designs do XD. As ilustrações importadas continuam editáveis no XD, permitindo reduzir o tempo usado na criação de protótipos.

Continue lendo para saber mais sobre as diferentes maneiras de importar ativos do Illustrator para o XD, além de práticas recomendadas e limitações relacionadas a esses fluxos de trabalho.

trabalhar com o xd e o illustrator

Antes de continuar

Embora o Illustrator e o XD tenham um conjunto complementar de recursos que ajudam a manter as camadas e os efeitos, existem alguns deles que não possuem um mapeamento um por um. Antes de continuar, leia para saber mais sobre os recursos do Illustrator compatíveis.

Estas são algumas das limitações adicionais ao trabalhar com arquivos do Illustrator no XD:

  • Não é possível copiar e colar uma prancheta do Illustrator no XD.
  • Ao trabalhar com elementos de texto, o XD não importa uma escala horizontal no preenchimento.
  • Não é possível preencher repetições de grade com vetores.

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

Maneiras de importar ativos do Illustrator no XD

Quando seu design estiver pronto no Illustrator, veja algumas maneiras de importá-lo no XD.  



Abrir ou importar designs do Illustrator

 

Saiba mais

Copiar vetores ou SVGs do Illustrator

Saiba mais

Usar ativos das bibliotecas da CC

 

Saiba mais

Criar protótipo de pranchetas importadas

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


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

Você também pode alternar entre os dois aplicativos para fazer pequenos ajustes a vários elementos visuais durante o projeto.

Quer aprimorar seus designs do XD? Utilize recursos específicos do XD, como Repetições de gradeEstadosAnimação automáticaProtótipos por voz.

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 de colaboradores.
Use o modo de Compartilhamento no XD para compartilhar seus designs e protótipos interativos com colaboradores e colaborar facilmente com eles.
Convide seus colaboradores para colaborar e coeditar simultaneamente seu documento, mantendo um histórico de versões de seu projeto de design.

Está em dúvida se a resolução do design é afetada ao compartilhá-lo no XD? A resposta é Não.

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

Vídeo: Como importar designs do Illustrator?

“Da mesma forma que importa arquivos do Photoshop diretamente no Adobe XD, você também pode importar arquivos do Illustrator. Isso é perfeito para designers que querem utilizar seus logotipos, ícones ou outros elementos em projetos de interface ou experiência do usuário” — Howard Pinsky, evangelista sênior do XD. 

Para saber mais sobre como importar designs do Illustrator para o XD, assista a este vídeo de dois minutos.

Perguntas frequentes

Como faço para corrigir os problemas de espaçamento distorcido entre elementos ao aumentar o tamanho dos meus SVGs? 

A distorção ocorre quando o XD interpreta objetos relacionados ao SVG importado ou colado como objetos separados. Para evitar distorção, confira se a opção Ajuste responsivo no Inspetor de propriedades está definida como DESATIVADO. 

Por que meus ícones de design exportados do Illustrator para SVG parecem distorcidos no XD?

Alguns recursos do Illustrator não são compatíveis com o XD e são transferidos como vetores ou não transferidos. Arquivos SVG têm capacidades limitadas comparados ao Illustrator, e recursos como degradês livres não podem ser apresentados. Para obter mais informações sobre os elementos do Illustrator aceitos no XD, consulte Elementos do Illustrator compatíveis.

O que vem por aí?

Apresentamos o essencial sobre o trabalho com ativos de design do Illustrator. Vá para a próxima etapa e saiba mais sobre como criar protótipos interativos e compartilhá-los com designers ou colaboradores para feedback.

Alguma sugestão? Queremos ouvir você.

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