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

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.

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.

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.

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.

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:

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”