Última atualização em
6 de jun de 2023
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.
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.```json
{
"trancreatedText": [
" Antes de prosseguir, leia mais sobre eles em Recursos do Illustrator compatíveis.
\n
\n
|
|
Estas são algumas das limitações adicionais ao trabalhar com arquivos do Illustrator no XD:
|
.png){kind=icon}
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.
|
|
|
|
|
|
Copiar vetores ou SVGs do Illustrator |
|
Com o XD 57, a Adobe aprimorou a funcionalidade de gerenciamento de cores no XD.Você obtém cores consistentes ao copiar um ativo com um perfil de cores sRGB do Illustrator para um documento do XD com um perfil de cores sRGB.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 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 grade, Estados, Animação automática e Protó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 comentários das partes interessadas. |
|---|
Está em dúvida se a resolução do design é afetada ao compartilhá-lo no XD? A resposta é Não.
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.
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 trazer logotipos, ícones ou quaisquer outros elementos para usar em seus projetos de interface ou UX\" — 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 posso corrigir os problemas de espaçamento distorcido entre elementos quando aumento 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, certifique-se de que a opção Ajuste Responsivo no Inspetor de Propriedades esteja definida como DESATIVADA.
Por que meus ícones de design exportados do Illustrator para SVG parecem distorcidos no XD?
\n"
]
}
```
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ê.
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.
Criar protótipos de UX com o Adobe XD
Crie modelos interativos para sites e aplicativos para dispositivos móveis.
