Guia do Usuário Cancelar

Trabalhar com especificações de design

Pesquisar

Última atualização em 09/05/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

Saiba como trabalhar com especificações de design no XD.

Trabalhar com especificações de design no XD é essencial para os fluxos de trabalho designer-desenvolvedor. Criadas para poupar tempo e simplificar a comunicação entre designers e desenvolvedores, a velocidade e o desempenho superiores das especificações de design são fatores que garantem o sucesso do XD.

O acesso às especificações de design é tão fácil quanto clicar em um URL. E essa nem é a melhor parte: você tem controle total e pode escolher o formato e a resolução do arquivo que precisar no seu código. Você também pode exibir o fluxo de trabalho usuário-experiência para ter um entendimento maior sobre o resultado pretendido.

Pré-requisitos

Os designers compartilham as especificações de design por meio de links públicos, links protegidos por senha ou links privados.
Os desenvolvedores precisam do seguinte para acessar os links compartilhados:
- Um navegador de desktop e uma conexão à Internet para exibir e responder aos comentários compartilhados. Para obter mais informações, consulte Requisitos de sistema.
- Uma Adobe ID ou uma Enterprise ID e permissões para acessar convites privados.
- Senha compartilhada para abrir o link, caso o link seja protegido por senha.

Observação:

Exiba as especificações de design em navegadores de desktop. O uso de navegadores móveis para exibir especificações de design não é recomendado.

Fluxos de trabalho de especificação de design

Publicar e compartilhar: as especificações de design permitem que os desenvolvedores compartilhem propriedades de design de seus arquivos com os desenvolvedores. Os designers podem fornecer informações importantes aos desenvolvedores, como altura, largura, tamanho, alinhamento, espaçamento relativo entre dois ícones (objetos), cores, tipografia, propriedades do modo de mesclagem, interações de acionador e trechos de código CSS que podem ser copiados e colados diretamente em seu código. Considerando que o link das especificações de design foi criado especialmente para os desenvolvedores, os designers não precisam especificar os recursos que são de interesse dos desenvolvedores.
Revisar: os desenvolvedores podem revisar o design e compartilhar feedback com os designers. O link está sempre atualizado com os comentários mais recentes.
Proteção por senha: os designers podem restringir o acesso às especificações de design públicas adicionando uma proteção por senha. Também podem proteger por senha especificações de design que já foram compartilhadas.
Links privados: os designers podem escolher publicar especificações de design como links privados e convidar os desenvolvedores a acessá-los para impedir acesso não autorizado.
Download de ativos: os designers podem escolher incluir ativos enquanto publicam especificações de design, e os designers podem baixá-los no link compartilhado.

Recursos relacionados

Fale conosco

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.