Novidades no Adobe XD.
Adobe XD CC
Atalho para Conta-gotas
Ficou ainda mais fácil alterar as cores de objetos. Basta selecionar o objeto na tela e apertar o “i” no teclado para utilizar a ferramenta Conta-gotas em um clique.
Gravação de interações com áudio
O aplicativo de visualização no desktop agora permite gravar sua própria voz com interações por clique e compartilhá-las como arquivo MP4 (somente Mac).
Suporte a vários idiomas
Além de inglês, francês, alemão, japonês e coreano, o Adobe XD agora está disponível em português (Brasil) e espanhol.
Saiba mais sobre os recursos mais recentes
Saiba mais detalhes sobre a versão de fevereiro no blog do XD.
Acesse o blog ›
Adobe XD CC
Animação automática no navegador
O recurso Animação automática lançado em outubro agora é compatível com o navegador para que você possa visualizar as animações nas pranchetas nos protótipos.
Ver todos os comentários nas pranchetas
Ative “Exibir todos os comentários” no painel de comentários para exibir o feedback das partes interessadas em várias pranchetas. Clique em um comentário no seu protótipo ou especificação de design e vá direto à prancheta afetada para responder, resolver ou excluir o comentário.
Suporte a voz para outros idiomas e sotaques
A voz agora é compatível
com todos os idiomas do Adobe XD, tanto para comandos quanto para reprodução de fala. A detecção de fala foi otimizada para todos os sotaques. E a reprodução de fala oferece uma variedade maior de vozes com sotaques de sua região.
Saiba mais sobre os recursos mais recentes
Saiba mais detalhes sobre a versão de janeiro no blog do XD.
Acesse o blog ›
Adobe XD CC
Salvamento automático
Salve seu trabalho como documentos na nuvem e o Adobe XD os atualizará automaticamente para que você nunca perca um trabalho.
Trabalhe em qualquer lugar
Encontre com rapidez todos os seus documentos, incluindo documentos compartilhados, diretamente no XD. Salve-os como documentos na nuvem e acesse-os em qualquer dispositivo.
Compartilhamento mais rápido
Compartilhar documentos com colaboradores e membros da equipe é mais rápido quando você pode salvá-los como documentos na nuvem.
Pesquisa no painel Camadas
Trabalhar com camadas é bem mais fácil quando você encontra ativos específicos ou cria filtros por texto, formas e categorias de imagens.
Virar objetos
Vire objetos na tela de design na horizontal, vertical ou ambas. A capacidade de alternar essas opções torna o design mais rápido.
Atualizações nos símbolos vinculados
Visualize alterações de design em símbolos vinculados na tela antes de atualizar seu arquivo.
Exibição em dispositivos móveis aprimorada
Agora você pode exibir seus protótipos em dispositivos móveis em tela cheia e navegar com mais facilidade pelas pranchetas usando os botões Anterior, Próximo e Inicial.
Aprimoramentos no controle de importação
Tenha controle total de edições ao converter objetos inteligentes no Photoshop e no Illustrator em elementos totalmente editáveis no Adobe XD. Use Arquivo > Importar ou Arquivo > Abrir.
Saiba mais sobre os recursos mais recentes
Saiba mais detalhes sobre a versão de dezembro no blog no XD.
Acesse o blog ›
Adobe XD CC
Acionadores de voz e fala
Interaja com seus protótipos de maneira inédita. Acionadores de voz e reproduções de fala permitem levar os usuários para além das telas.
Saiba mais ›
Plug-ins
Amplie a funcionalidade do Adobe XD para fluxos de trabalho e integrações com a coleção crescente de plug-ins criados por nossa comunidade de desenvolvedores. Descubra e gerencie os plug-ins com facilidade diretamente no aplicativo para automatizar tarefas, fazer integrações com outras ferramentas, criar designs com dados e muito mais.
Veja os plug-ins ›
Integrações com aplicativos
O Adobe XD agora integra-se aos seus aplicativos colaborativos e de produtividade favoritos como o Slack, o JIRA e o Microsoft Teams.
Veja as integrações com aplicativos ›
Animação automática
Anime automaticamente pequenas interações entre as pranchetas. Quando você duplica um elemento e altera suas propriedades (como tamanho, posição, cores e etc.), o XD interliga as diferenças e automaticamente gera uma animação.
Saiba mais ›
Símbolos vinculados
É fácil ficar atualizado sobre as alterações quando os símbolos copiados de um documento e colados nos protótipos preservam os vínculos. Agora, quando as alterações são feitas no arquivo de origem, você será notificado e terá a opção de aceitar as atualizações.
Saiba mais ›
Integração fácil com o Illustrator
Importe seus designs e ativos do Adobe Illustrator CC no Adobe XD em um piscar de olhos. Abra o arquivo do Illustrator diretamente no XD e ele será automaticamente convertido em um novo arquivo do XD, preservando pranchetas, camadas e a capacidade de edição.
Saiba mais ›
Exportação para o After Effects
Exporte seus designs e eleve suas animações para outro patamar com o Adobe After Effects, a ferramenta de animação líder do setor.
Saiba mais ›
Protótipo de gestos de arrastar
Agora você pode incluir gestos de arrastar nos seus protótipos para simular experiências de usuário, como arrastar cartões ou telas.
Saiba mais ›
Redesigned home screen
Access plugins, UI kits, app integrations and more — all from one screen.
E muito mais
Saiba mais detalhes sobre a versão de outubro no blog no XD.
Acesse o blog ›
Adobe XD CC
Redimensionamento responsivo
Agora é fácil redimensionar grupos de objetos nas pranchetas com diferentes tamanhos de tela e preservar o posicionamento e a escalabilidade. Viabilizado pela tecnologia de inteligência artificial e aprendizado de máquina do Adobe Sensei, o XD calcula automaticamente o posicionamento baseado na proximidade de elementos individuais.
Transições temporizadas
Tenha mais controle sobre o tempo de suas transições entre as pranchetas. Crie animações em looping com atrasos para efeitos de atenuação automática, spinners, ícones de carregamento, barras de progresso e muito mais.
Corretor ortográfico
Encontre erros de ortografia enquanto faz o design no XD.
Protótipos em tela cheia
Os protótipos da Web exibidos no navegador incluem uma opção de tela cheia aprimorada, para que você veja o seu design em tamanho real e tenha uma representação mais precisa.
Adobe XD CC
Extração de ativos das especificações de design
Poupe tempo e dê aos desenvolvedores recursos para extrair e baixar ativos das especificações de design. Marque camadas como ativos para exportação e envie-os como um link da especificação de design. Os desenvolvedores podem baixar os ativos no formato que precisarem.
Reorganização no painel Ativos
Organize cores, estilos de caractere e símbolos usando o painel Ativos. Arraste para reorganizá-los na exibição em lista.
Compartilhamento privado (beta) na Web
Compartilhe com segurança protótipos e especificações de design do XD com revisores e partes interessadas enviando um convite no navegador da mesma maneira que você faz no aplicativo de desktop do XD.
E muito mais
Saiba mais detalhes sobre a versão de agosto no blog no XD.
Acesse o blog ›
Adobe XD CC
Aprimoramentos de traçado
Controle o traçado de linhas pontilhadas ou tracejadas e defina a aparência de cantos e bordas. Para ter ainda mais controle, copie traçados complexos do Illustrator e aplique-os aos objetos no XD.
Renomeação de ativos
Agora você pode rotular cores, estilos de caractere e símbolos diretamente no painel Ativos para ter mais organização e acesso mais fácil.
Comentários nas especificações de design
As especificações de design agora têm os mesmos recursos de comentários dos protótipos. Os desenvolvedores podem comentar nas especificações e você será notificado quando isso acontecer. Todas as atualizações, alterações ou respostas que você inserir serão exibidas automaticamente quando eles atualizarem o navegador.
E muito mais
Saiba mais detalhes sobre o lançamento de julho no blog no XD.
Acesse o blog ›
Adobe XD CC
Suporte a camadas
Agora você pode poupar tempo e esforço criando sobreposições para empilhar conteúdo nos protótipos, sem precisar mais duplicar pranchetas para teclados, menus e caixas de diálogo.
Configuração de posição fixa
Mantenha elementos na mesma posição para que fiquem visíveis enquanto os usuários rolam a tela. Este novo recurso de protótipos é ideal para cabeçalhos fixos, rodapés e muito mais.
Convites privados (beta)
Compartilhe e monitore seus protótipos e suas especificações de design com convites para os membros da equipe ou partes interessadas, assim você controla quem pode ver, revisar e comentar.
Melhor controle dos preenchimentos de imagem
Os designers agora podem cortar e reposicionar imagens arrastadas da área de trabalho para preencher formas.
Cálculos matemáticos
Tenha os valores exatos dos designs usando cálculos matemáticos no Inspetor de propriedades para determinar tamanhos de colunas, imagens, grades de layout e localização dos elementos.
Adobe XD CC
Substituição de símbolo em um piscar de olhos
Agora é fácil localizar e substituir todas as ocorrências de um símbolo de uma só vez. Arraste o novo símbolo do painel Ativos e solte-o no símbolo que deseja substituir.
Colar em várias pranchetas
Copie e cole um objeto em várias pranchetas preservando sua posição e configurações originais. Juntamente com os aprimoramentos dos símbolos, isso permite que você gerencie várias pranchetas com rapidez e consistência.
Integração aprimorada com o Photoshop
Tenha mais fidelidade nos arquivos do Photoshop importados para o XD. As atualizações mais recentes também permitem transferir o traçado e os efeitos de imagem e importar PSDs com mais rapidez.
Aprimoramentos nos arquivos do Sketch
Aprimoramos o modo como os arquivos do Sketch são abertos no XD para que eles preservem seus recursos originais, incluindo aprimoramentos na precisão da posição do texto, na separação de símbolos e páginas e nos estilos de cores globais.
Especificações de design protegidas por senha
Agora você pode controlar quem pode ver suas especificações de design com a proteção por senha.
Adobe XD CC
Protótipos protegidos por senha
Adicione proteção por senha aos seus protótipos públicos ao publicá-los e compartilhá-los com os revisores (em breve nas especificações de design).
Pesquisa filtrada no painel Ativos
Filtre ativos por cor, estilos de caractere ou símbolos com rapidez. Use a pesquisa para encontrar famílias de fonte específicas, valores hexadecimais ou símbolos.
Encontrar e destacar ativos
Selecione “destacar” no painel Ativos para ver todos os elementos na tela que usam uma cor específica, um estilo de caractere ou um símbolo. Clique com o botão direito do mouse em um elemento na tela para revelar as cores, os estilos de caractere ou os símbolos.
Integração aprimorada com o Photoshop
Agora está ainda mais fácil importar os designs do Photoshop para o XD clicando com o botão direito do mouse no arquivo do Photoshop e escolhendo “Abrir com o XD” ou arrastando e soltando um arquivo sobre o ícone do XD (somente Mac).
Aprimoramentos do fluxo de trabalho do Sketch
Os arquivos do Sketch abertos no XD agora têm maior fidelidade. E você pode preservar os ajustes de cor de imagens, estilos de caractere, amostras de documentos e muito mais. Para importar seus arquivos do Sketch no XD, clique com o botão direito do mouse no arquivo e escolha “Abrir com o XD” ou arraste e solte o arquivo do Sketch sobre o ícone do XD (somente Mac).
Adobe XD CC
Integração fácil com o Photoshop
Importe seus designs e ativos do Photoshop para o XD simplesmente abrindo um arquivo PSD diretamente no aplicativo. Seu arquivo será automaticamente convertido em um novo arquivo do XD, agilizando e facilitando a criação do design e do protótipo.
Saiba mais ›
Copiar símbolos entre documentos
Agora você pode copiar e colar símbolos entre documentos do XD em uma única etapa. Não é preciso copiar primeiro e depois converter manualmente em um símbolo.
Estilizar elementos agrupados
Agilize seu processo de design alterando com facilidade propriedades como preenchimento e traçado de elementos agrupados.
Aprimoramento no uso de pranchetas com rolagem
Ao criar protótipos, é fácil e rápido editar a janela de uma prancheta com rolagem diretamente na tela, sem precisar ir até o Inspetor de propriedades.
Trabalhar com arquivos do Sketch
Agora você pode importar seus designs e ativos do Sketch diretamente para o XD. Abra seu arquivo do Sketch no XD, e ele automaticamente será convertido em um arquivos do XD para que você não precise começar do zero.
Saiba mais ›
Adobe XD CC
Gráficos vetoriais nas Bibliotecas da Creative Cloud
Exiba e arraste gráficos vetoriais vinculados e não vinculados das Bibliotecas da Adobe Creative Cloud no XD. As alterações feitas nos ícones, nas ilustrações e em outros elementos gráficos no Illustrator são atualizadas no XD por meio das Bibliotecas da Creative Cloud.
Saiba mais ›
Preservar a posição de rolagem
Ao clicar em um elemento conectado, você pode controlar a sua posição para mantê-lo no mesmo lugar na próxima tela sem precisar rolar do começo.
Suporte a toque e caneta no Windows 10
Use recursos de caneta e toque básicos em conjunto com o mouse e o teclado para criar ilustrações, conectar protótipos, navegar pelas camadas e muito mais.
Grades de layout nas especificações de design
Exiba as grades de layout no aplicativo Web das especificações de design para que os desenvolvedores vejam os atributos da grade de coluna, como espessura das margens e medianizes.
Conta-gotas no Inspetor de propriedades
Ouvimos o seu feedback e colocamos o conta-gotas novamente no Inspetor de propriedades para facilitar a criação de amostras de cores.
Adobe XD CC
Integrações com o fluxo de trabalho de terceiros
O XD agora integra-se a ferramentas de processos de design populares como o Zeplin, o Avocode, o Sympli, o ProtoPie e o Kite Compositor. Comece seus designs no XD e, exporte-os para suas ferramentas favoritas para agilizar a entrega para os desenvolvedores e criar animações avançadas. Disponível somente no Mac.
Saiba mais ›
Desempenho do zoom aprimorado
Amplie e reduza o zoom da tela e entre as telas sem precisar parar o trabalho, mesmo se estiver trabalhando com 10 ou 1.000 pranchetas.
Veja como funciona ›
Visualização do Dropbox para arquivos do XD
Visualize arquivos do XD salvos no Dropbox sem precisar baixar um arquivo do XD.
Saiba mais ›
Alternar modelos de cores
Alterne rapidamente entre os modelos de cores HEX, RGB ou HSB no menu suspenso do seletor de cores.
Degradês radiais
Crie e aplique degradês radiais para simular uma fonte de luz, crie máscaras de imagens únicas e muito mais. Os degradês estão disponíveis no seletor de cores em Preenchimento sólido.
Aprimoramentos nas especificações de design
Agora é mais fácil e rápido ler medidas, navegar e acessar elementos de interface e trabalhar com camadas mascaradas.
Exibição da prancheta em 100%
Exiba designs em protótipos compartilhados em tamanho real quando estiver no modo de tela cheia.
Exportação em lote
As opções de exportação agora incluem exportação em lote, que pode ser acessada no menu Arquivo. Clique com o botão direito do mouse no painel Camadas para marcar os objetos para exportação em lote.
Saiba mais em nosso blog ›
Adobe XD CC
Sublinhado de texto
Agora você pode sublinhar um texto com um atalho de teclado ou um botão no Inspetor de propriedades. O sublinhado mantém a fidelidade com os caracteres com descendentes como y e g.
Opções para tipo de alinhamento de traçado
Alterne tipos de alinhamento de traçado (interno, externo ou centralizado) em um objeto fechado, como um retângulo ou um círculo, para modificar a espessura e o alinhamento e controlar a aparência do design.
Licenciamento no Adobe Stock
Clique com o botão direito do mouse em uma imagem rasterizada do Adobe Stock na janela Bibliotecas da Creative Cloud para começar a licenciá-la.
Edição de imagens no Photoshop
Clique com o botão direito do mouse em uma imagem rasterizada na janela Bibliotecas da Creative Cloud para editá-la no Adobe Photoshop CC.
Mais opções de publicação de protótipos
Ative e desative com rapidez dicas de pontos ativos para ver quais áreas do seu protótipo são interativas e publique-o para compartilhar com sua equipe. Defina como abrir em modo de tela cheia para exibir sem comentários ou outras distrações.
Aprimoramentos nas especificações de design
Comece rapidamente com dicas de usuário e aprimoramentos para navegação e propriedades. Agora as especificações de design também têm suporte em inglês, francês, alemão, coreano e japonês.
E muito mais
Também inclui: acesso à ferramenta Zoom no modo Protótipo, atalhos de teclado para tamanho de fonte e muito mais.
Saiba mais em nosso blog ›
Adobe XD CC
Especificações de design
Agilize o processo de desenvolvimento enviando para os desenvolvedores um link gerado automaticamente para as especificações de design diretamente de seu protótipo interativo. As especificações incluem a sequência e o fluxo de suas pranchetas, cores, estilos de caractere e medidas (no momento, somente em inglês).
Veja como funciona ›
Grade de layout
Use grades de coluna personalizáveis com margens e medianizes para dar aos seus designs uma aparência organizada e consistente e para gerenciar as proporções entre os elementos. Alterne as grades quadriculadas e de layout no Inspetor de propriedades.
Exportação de JPG
Exporte com facilidade ativos e pranchetas do XD para o formato JPG sem precisar converter em outro aplicativo. Você pode controlar o nível de qualidade da exportação de 1% a 100%.
Aprimoramentos de texto
Alterne de texto de ponto para texto de área e vice-versa com um só clique. Agora, quando você cria um novo objeto de texto, suas propriedades de texto usadas recentemente, como família de fonte, tamanho, espessura, alinhamento e cores, são preservadas.
Aprimoramentos para o Windows 10
As atualizações mais recentes para Windows 10 agilizam ainda mais o design no Windows. Use o toque com dois dedos para usar o zoom e o panorama, copiar e colar elementos de design do Adobe InDesign no XD e importar arquivos SVG com arquivos vinculados externamente.
E muito mais
Também inclui: capacidade de acessar o conta-gotas no seletor de cores para ver os limites de cor ao criar degradês e amostras de cores com o painel Ativos e aprimoramentos no comportamento ao colar.
Saiba mais em nosso blog ›
Adobe XD CC
Protótipos interativos
Alterne os modos Design e Protótipo com um só clique e conecte pranchetas para comunicar o fluxo e os demarcadores de aplicativos com várias telas. Conecte elementos de design de uma prancheta para outra, incluindo células de Repetição de grade. Adicione interações com controles visuais intuitivos para testar e validar a experiência.
Publicação de protótipos para receber feedback
Gere links que podem ser compartilhados para receber feedback de seus designs ou incorpore-os no Behance ou em uma página da Web. Os revisores podem comentar diretamente nos seus protótipos e partes específicas do seu design. Você será notificado quando eles fizerem comentários. Basta os revisores atualizarem o navegador para que as alterações sejam exibidas.
Pranchetas rápidas e versáteis
Você pode trabalhar com uma ou cem pranchetas, o desempenho do XD será o mesmo. Design para telas e dispositivos diferentes. Panorama e zoom sem atrasos. Escolha entre tamanhos predefinidos ou defina seu próprio tamanho e copie entre pranchetas sem perder o posicionamento dos elementos de seu design.
Repetição de grade
Selecione itens em seu design, como lista de contatos ou galeria de fotos, e replique na horizontal ou vertical, quantas vezes quiser. Todos os estilos e espaços são preservados. Atualize um elemento uma só vez, e suas alterações são atualizadas em todos os lugares.
Suporte a várias plataformas
O Adobe XD tem suporte nativo ao Windows 10 (Plataforma Universal do Windows) e ao Mac, juntamente com aplicativos móveis para Android e iOS.
Painel Ativos
Disponibilize para reutilização cores e estilos de caractere adicionando-os ao painel Ativos (antigo painel Símbolos), que automaticamente inclui símbolos. Edite qualquer cor ou estilo de caractere no painel, e as alterações serão refletidas em todo o documento.
Símbolos reinventados
Poupe tempo com símbolos e elementos de design reutilizáveis que eliminam a necessidade de encontrar e editar cada instância do ativo no documento. Atualize um e ele será atualizado em todos os lugares, ou opte por substituir instâncias específicas. Símbolos podem ser gráficos vetoriais, imagens rasterizadas ou objetos de texto e podem ser usados como objetos na Repetição de grades.
Bibliotecas da Creative Cloud
Com a integração com as Bibliotecas da Creative Cloud, você acessa e aplica imagens rasterizadas, cores e estilos de caractere criados no Photoshop, no Illustrator e em outros aplicativos da Creative Cloud diretamente no XD para reutilizá-los em qualquer lugar nos documentos.
Inspetor de propriedades contextual
Trabalhe em um espaço organizado graças ao Inspetor de propriedades contextual que exibe as opções para os objetos selecionados. Modifique propriedades como cor e espessura da borda, cor de preenchimento, sombras, desfoque, opacidade e rotação e acesse opções de alinhamento, dimensões e Repetição de grade.
Navegação inteligente pela tela
Amplie o zoom em uma área específica do design ou selecione áreas na prancheta e use um atalho para ampliar o zoom diretamente ali. Use o panorama ou o zoom com o mouse, touchpad ou atalhos de teclado. E tenha um desempenho incrível mesmo se tiver centenas de pranchetas.
Camadas contextuais
Mantenha-se organizado e focado enquanto gerencia designs complexos graças à abordagem contextual de camadas. O XD realça somente as camadas associadas à prancheta na qual você está trabalhando, para que você encontre rapidamente o que precisa.
Ferramentas para orientação de layout
Desenhe, reutilize e combine elementos de design usando ajustes às grades e outras ferramentas de layout intuitivas que permitem criar medidas relativas entre os objetos, máscaras com formas, agrupar, bloquear, alinhar e distribuir elementos de design e muito mais.
Efeitos de desfoque
Desfoque com rapidez um determinado objeto ou um plano de fundo inteiro para alterar o ponto focal do seu design, dando a ele profundidade e dimensão.
Degradês lineares versáteis
Crie belos degradês lineares usando controles visuais precisos e simples no seletor de cores. Você também pode importar degradês do Photoshop CC e do Illustrator CC.
Ferramenta Caneta moderna
Desenhe formas e demarcadores com facilidade usando a ferramenta Caneta. Use demarcadores personalizados, adicione ou remova pontos de ancoragem, manipule linhas com facilidade e alterne de demarcadores curvos para demarcadores com ângulos, tudo dentro da mesma ferramenta.
Edição booliana de grupo
Crie e experimente com facilidade formas complexas combinando grupos de objetos usando operações boolianas não destrutivas.
Estilização de tipografia
Estilize texto com controle preciso para aprimorar a experiência do usuário. Ajuste com facilidade elementos tipográficos como fontes, tamanho, alinhamento, espaçamento de caracteres e de linhas. Altere a aparência do seu texto da mesma maneira que altera os outros elementos no XD como opacidade, preenchimento, efeitos de desfoque e de plano de fundo e bordas.
Controle de cores simplificado
Selecione cores inserindo os valores exatos ou criando amostras dentro ou fora do XD com a ferramenta Conta-gotas. Crie e salve amostras de cores e use atalhos para os códigos de cores hexadecimais no seletor de cores.
Recursos de interface
Crie com rapidez designs e protótipos para dispositivos Apple iOS, Google Material Design e Microsoft Windows usando componentes de interface de alta qualidade.
Copiar e colar de outros aplicativos de design
Leve suas ilustrações do XD para o Photoshop CC e o Illustrator CC.
Visualizações no contexto para iOS e Android
Visualize seus designs e todas as interações nos dispositivos reais para os quais está criando. Faça alterações no desktop e depois teste-as nos dispositivos para garantir a fidelidade e a usabilidade.
Dicas de pontos ativos
Destaque automaticamente os pontos ativos em seu protótipo para que os usuários identifiquem facilmente as áreas interativas e clicáveis.
Gerenciamento de protótipo
Crie vários URLs do mesmo arquivo para compartilhar diferentes versões do seu protótipo. Compartilhe protótipos ilimitados e acesse-os e exclua-os com facilidade na sua conta da Creative Cloud.
Gravação de interações de protótipos como vídeos
Enquanto clica na visualização, grave um arquivo MP4 para compartilhar com sua equipe ou partes interessadas (somente Mac).
Exportação de ilustrações, ativos e pranchetas
Exporte imagens e designs nos formatos PNG e SVG que podem ser configurados para o iOS, o Android e a Web ou suas configurações personalizadas. Exporte uma prancheta inteira ou elementos individuais. E compartilhe ativos exportando-os como arquivos PDF individuais ou como um único arquivo PDF.
Suporte a vários idiomas
Os idiomas com suporte incluem inglês, francês, alemão, japonês e coreano.
Notificações por email de comentários
Receba notificações por email quando as partes interessadas comentarem nos protótipos online. Os emails podem ser enviados individualmente ou em lotes em um resumo diário.