A primeira onda de plugins Adobe XD foi lançada em outubro de 2018 e tem sido um divisor de águas para os usuários. Muitas empresas de alto perfil como Dribbble, Airtable e Stark trouxeram suas ferramentas e serviços diretamente para xd assim que a plataforma aberta foi anunciada em agosto de 2019, e agora existem novos Kits de Interface do Usuário e plugins da Trello, Google Cloud, UserTesting.com e muitas outras ferramentas poderosas para designers.
O Adobe XD agora oferece plugins que permitem gerenciamento de ativos, automação, publicação, utilitários de acessibilidade e maior colaboração entre designers e desenvolvedores e stakeholders com os quais trabalham. Isso é enorme para os designers, pois até agora eles tiveram que passar muito tempo indo e voltando – importando, economizando, exportando e carregando entre várias plataformas em seu fluxo de trabalho.
Com isso em mente, escolhemos os melhores plugins Adobe XD ao redor, para ajudar a melhorar seu fluxo de trabalho.
O que o Adobe XD realmente faz?
Mas talvez você tenha perdido toda essa conversa de plugins Adobe XD e está se perguntando, o que o Adobe XD realmente faz?
O Adobe XD é uma poderosa ferramenta de design baseada em tela que permite aos designers criar, animar, protótipos e compartilhar seus projetos em um único aplicativo. Tornou-se amplamente adotado devido ao seu desempenho inigualáveis tanto no Mac quanto no Windows. Ele também faz parte do Creative Cloud, o que significa que o Adobe XD funciona muito bem com outros produtos da Adobe, como Photoshop, Illustrator e After Effects, e pode até abrir arquivos do concorrente de software Sketch enquanto mantém seus elementos originais.
Então, vamos continuar com o check-out dos melhores plugins Adobe XD disponíveis.
01. UI Faces
- Preço: Grátis
Encontrar fotos de pessoas para usar em maquetes pode ser demorado. UI Faces agrega fotos enviadas pelos usuários de seu avatar e as marca com atributos relacionados à idade, sexo, emoção e cor do cabelo para tornar a localização do rosto certo o mais rápido e fácil possível. Este plugin Adobe XD permite que os designers selecionem parâmetros em torno desses atributos e preencham qualquer forma selecionada com rostos em um único clique.
02. Color Ranger
- Preço: $7.99
A Color Ranger permite que os designers melhorem facilmente as cores dentro de um design. Seja ajustando o brilho, saturação, matiz, profundidade de cor ou opacidade para elementos individuais ou pranchetas inteiras, não requer mais a edição de cada elemento no Photoshop. O Color Ranger também permite salvar e gerenciar predefinições, o que significa que criar temas ou editar kits de interface do usuário pode ser feito com um único clique.
03. Stark
- Preço: Grátis
Garantir que os projetos sejam acessíveis para todos é uma grande área de foco para os designers e as empresas com quem estão trabalhando. Descrito como um plugin para ajudar a projetar e construir produtos acessíveis, éticos e inclusivos, stark colocou a capacidade de verificar o contraste e simular formas de cegueira de cores apenas no Adobe XD. Foram-se os dias de ter que executar um aplicativo separado para simular e visualizar a cegueira de cores, bem como passar muitas horas copiando e colando códigos hexais para verificar o contraste e legibilidade do tipo.
04. Rename it
- Preço: Grátis
Todos nós gastamos mais tempo do que gostaríamos de admitir organizar e renomear camadas e pranchetas. Renomear Ele permite renomear todas as camadas seqüentemente em ordem ascendente ou descendente, bem como alterar o caso do nome da camada em menos tempo do que renomear apenas algumas camadas. Ele ainda permite encontrar e substituir palavras ou caracteres por atalhos de teclado simples.
05. Change Case
- Preço: Grátis
Change Case é um plugin realmente simples, mas poderoso que permite que os usuários alterem a capitalização de texto em XD. Isso parece tão simples, mas economiza tanto tempo inesperado quando você precisa.
06. Google Planilhas
- Preço: Grátis
Entrar e definir o tipo tem que ser uma das tarefas mais assustadoras para os designers, resultando nos mesmos elementos sendo copiados e colados várias vezes ou o uso de lorem ipsum ao longo do design. Infelizmente, lorem ipsum não testa bem e muitas vezes leva a distrações ou usuários que prestam atenção à coisa errada durante os testes de usabilidade. Este plugin do Google Sheets permite importar cópia real em seu documento Adobe XD a partir de um documento do Google Sheets. Mesmo que o conteúdo do documento do Google Sheets mude, você ainda pode atualizar a cópia em seu documento para a colaboração final com a equipe de redação.
07. Trello
- Preço: Grátis
O Trello é uma plataforma de produtividade que permite que indivíduos ou equipes organizem, priorizem e colaborem perfeitamente em tarefas. Com o plugin Trello, os designers podem enviar sem esforço seus ativos XD para a Trello, permitindo que eles compartilhem placas de arte com a equipe sem ter que deixar o Adobe XD.
08. Angle
- Preço: $200 (atualmente em oferta a $50 com 75% de desconto)
De vez em quando, um designer precisa compartilhar seu trabalho dentro de uma apresentação. Só cair em telas estáticas não faz justiça ao design. Todos estão familiarizados com este fluxo de trabalho: abra uma maquete do dispositivo no Photoshop e exporte o design para o Photoshop para soltar a tela no dispositivo. O ângulo permite que você faça a mesma coisa sem deixar o Adobe XD. Com centenas de dispositivos para escolher, em vários ângulos, leva muito menos tempo para colocar algo mais polido nessa apresentação ou carregar uma tomada no Dribbble.
09. Icondrop
- Preço: A partir de $7.99/mês
O Icondrop disponibiliza milhões de recursos de design para designers com um único clique – permitindo acesso a ícones, ilustrações e fotos de estoque sem ter que deixar o Adobe XD. Com um simples recurso de pesquisa e fácil acesso a downloads anteriores, este se tornará um dos plugins go-to ao criar maquetes na hora.
10. Web Export
- Preço: Grátis
Para designers que não estão muito familiarizados com codificação, o Adobe XD oferece uma ótima maneira de compartilhar arquivos e especificações de design com desenvolvedores para permitir que eles vejam os principais atributos para elementos no documento. No entanto, para aqueles designers que trabalham em um projeto pessoal que não têm acesso a desenvolvedores, o Web Export pode ser seu novo melhor amigo. Este plugin permite a exportação de HTML e CSS de seus arquivos XD, ao mesmo tempo em que oferece layouts aninhados, restrições centradas e a capacidade de adicionar estilos adicionais, atributos e marcação.
