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ê.

community

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.