Lançamento de Outubro 2020 do Adobe XD: Finalize seu projeto mais rápido com transformações 3D, Bibliotecas da Creative Cloud, Visual Studio Code e muito mais

Adobe MAX
Por Adrew Shorten 

Chegamos de novo a esta época do ano – Adobe MAX! E com ela, mais um aniversário do Adobe XD! Este ano faz três anos que apresentamos pela primeira vez o Adobe XD fora da versão beta, e queremos agradecer à nossa comunidade de mais de um milhão de designers que usam o XD todos os dias para criar o design de websites, aplicativos mobile e web, campanhas de marketing digital…e muito mais. Neste ano estamos muito animados em anunciar que a MAX será um evento virtual gratuito, ou seja, todos poderão assistir aos lançamentos, sessões, laboratórios, workshops, de qualquer parte do mundo. 

Com o lançamento do Adobe XD na MAX, vamos permitir que você crie sem limites com total flexibilidade para seu fluxo de trabalho. Desde explorar novas dimensões até conectar designers e desenvolvedores, nós temos atualizações impressionantes para compartilhar e te ajudar a criar experiências mais reais e que façam com que você e seu time finalizem tudo mais rápido. Continue a leitura para saber mais!

Crie sem limites com Transformações 3D

O mundo das experiências digitais está sempre evoluindo. Nossos dispositivos e sistemas operacionais mudam constantemente. As interfaces continuam a se tornar mais completas e imersivas. E novos tipos de experiências como realidade virtual e aumentada estão tornando-se mais e mais corriqueiras. Porém, as ferramentas que usamos para criar estas experiências ainda são limitadas a estilos de design planos, bidimensionais. 

É por isso que hoje apresentamos uma maneira totalmente nova de criar no XD com Transformações 3D. Agora você pode mover e rotacionar objetos para frente, para trás e entre planos para trazer profundidade e perspectiva para seus projetos e criar novos tipos de experiências para o usuário.

Existem tantas formas de usar as Transformações 3D e alcançar um outro patamar de design. Sobreponha elementos de UI em espaços físicos para desenvolver experiências de realidade aumentada. Gire e rotacione objetos para interações e animações lúdicas. Empilhe objetos em profundidade para criar efeitos em camadas. Incline e gire suas criações e exiba mockups em perspectiva. As possibilidades são infinitas com as Transformações 3D.

Leve seu design gráfico para o próximo nível

Você pode aplicar as Transformações 3D para formas, textos ou grupos, não há limites para o que você pode criar. Cole objetos em um grupo modificado e o XD automaticamente aplica as transformações aos objetos colados. As Transformações 3D também trabalham com outros recursos do XD como Grupos de Rolagem, Repetição de Gride e Animação Automática

As Transformações 3D são potentes e fáceis de usar. Selecione um objeto e ative as transformações 3D no Inspetor de Propriedades (ou pressione ⌘/Ctrl + T). Você verá um novo controle na sua tela para mover e rotacionar objetos entre diferentes planos. É simples assim!

Nós estamos muito ansiosos para ver todos vocês criarem com as Transformações 3D. Fique à vontade para compartilhar suas criações nas redes sociais usando a hashtag #CreateWithAdobeXD para ter uma chance de aparecer nos nossos canais. Confira nosso guia do XD para explorar diferentes modos de usar este novo recurso.

Projete em escala com as Bibliotecas da Creative Cloud

Conforme as equipes de design se expandem, é essencial que as equipes permaneçam conectadas e alinhadas. Os sistemas de design ajudam as equipes a centralizar recursos e desenvolver uma linguagem compartilhada sobre como experiências digitais devem ser. 

Eles também proporcionam a base na qual novas experiências são desenvolvidas de modo consistente e escalável. Hoje estamos liberando novos aprimoramentos para você trabalhar com sistemas de design no XD.

Agora você e sua equipe podem usar as Bibliotecas da Creative Cloud para criar e compartilhar sistemas de design. Usando as bibliotecas de Creative Cloud, você pode publicar seu sistema de design com um único clique e convidar seu time para contribuir e trabalhar junto. 

Ativos de documentos são elementos essenciais para seu sistema de design. Assim que você tiver feito uma curadoria nos seus ativos (cores, estilos de caracteres e componentes), clique no ícone publicar para criar uma biblioteca. Você pode controlar quem tem direito a acessá-la e gerenciar atualizações por meio dos sistemas.

Como trabalhar em um único arquivo de nuvem criativa

Dentro de um sistema de design, cada membro da sua equipe tem um papel diferente. Com as Bibliotecas, você configura permissões diferentes para quem vai contribuir com o sistema de design e para quem vai usá-lo. Com permissões de visualização e edição, você assegura que todo mundo pode usar o sistema, mas somente determinadas pessoas podem criar e contribuir com ele.

Mova ativos do Photoshop, Illustrator e InDesign

Trabalhar junto envolve trabalhar com diferentes ferramentas para diferentes fluxos de trabalho. Você pode querer editar as ilustrações da sua marca no Illustrator ou ajustar imagens do herói no Photoshop. Usando as Bibliotecas, você pode perfeitamente acessar seus ativos por meio dos aplicativos da Creative Cloud como o Photoshop, Illustrator e InDesign. As Bibliotecas permitem que você mova, sem complicações, ativos como cores, estilos de caracteres e gráficos por meio do XD e no resto da Creative Cloud. As Bibliotecas te permitem construir um sistema criativo que integra completamente fluxos de trabalho em diferentes ferramentas da Creative Cloud. 

Você pode publicar e compartilhar Bibliotecas com qualquer plano da Creative Cloud com XD. No próximo ano, a publicação e o compartilhamento de Bibliotecas serão ilimitados em planos pagos e limitados a uma Biblioteca publicada com até um outro editor no plano XD Iniciante.

Conectando designers e desenvolvedores com sistemas de design

Para que um sistema de design seja bem sucedido, ele precisa ser criado, mantido e adotado por ambos, designers e desenvolvedores. Frequentemente, o fluxo de trabalho se dissipa por meio de diversas ferramentas, e assim, os desenvolvedores precisam deixar de lado suas ferramentas para usar o sistema.

O código do Visual Studio agora tem extensão CC

Nós pensamos que assim é melhor – e é por isso que estamos apresentando a extensão do Adobe XD para o Microsoft Visual Studio Code, que faz com que desenvolvedores trabalhem com sistemas de design sem precisar abandonar seus editores. Visual Studio Code é um dos mais populares editores de código para desenvolvedores, trabalhando com qualquer linguagem de programação, e está disponível de graça no Windows, macOS e Linux.

A extensão Adobe XD para o Visual Studio Code, disponível agora no Visual Studio Marketplace, ajuda a aproximar designers e desenvolvedores. Com as Bibliotecas da Creative Cloud, desenvolvedores podem criar tokens de design em segundos e compilá-los para múltiplas plataformas como web, iOS, Android e Flutter. Enquanto codificam, eles podem rapidamente acessar qualquer documento relevante e snippets. 

Durante a criação da extensão Adobe XD para o Visual Studio Code, nós trabalhamos junto com usuários e parceiros para definir um novo formato de pacote chamado Design System Package (DSP), criado para ajudar equipes a compartilhar informações do sistema de design por meio de ferramentas. Você pode usar a extensão do Visual Studio Code para criar DSPs usando ativos em um sistema de design nas Bibliotecas da Creative Cloud.  

Novos outros recursos e aprimoramentos

Além dos novos recursos descritos acima, temos outras atualizações neste lançamento:

  • Colaboração em tempo real com Coedição. A Coedição não está mais na versão beta, agora ela está totalmente disponível. Convide outras pessoas para editar documentos de design com você. Trabalhe junto em tempo real ou faça edições no seu próprio tempo sabendo que vocês todos têm acesso ao mesmo material, todo mundo tem acesso a última versão e todas as mudanças são automaticamente sincronizadas na nuvem. Saiba mais sobre Coedição no Adobe XD aqui. 
  • Novos plugins e integrações. Enquanto o design é desenvolvido no XD, as equipes usam muitas outras ferramentas para trabalharem juntos e dar vida às experiências. XD oferece aproximadamente 275 plugins e integrações que conectam o XD a outros aplicativos e ferramentas no fluxo de trabalho do seu time e adicionam novos recursos. Estamos lançando novos plugins e integrações, incluindo Zoom, Wrike, Miro, UserZoom Go, Marpipe e Maze, e os plugins Microsoft Teams e Confluence chegarão em breve.
  • Crie componentes mais flexíveis com Componentes Hospedados. Com XD, você pode colocar (ou hospedar) componentes dentro de outros componentes. Agora, graças ao feedback da nossa comunidade, se você fizer alterações em uma instância hospedada em outro componente, essas alterações se propagarão para as instâncias do componente externo.
  • Suporte para Estados de Componentes em Especificações de Design. As especificações de design ajudam a simplificar o processo de transferência conforme você passa do design ao código. Agora, os desenvolvedores verão se um componente tem vários estados e podem ver as especificações de cada estado nas Especificações de Design.

Você pode gostar:

Como apoiar o trabalho de criativos e artistas em tempos de pandemia?
5 dicas para deixar de lado o “não consigo me concentrar em home office”


Adobe MAX

Posted on 10-21-2020


Join the discussion