12 melhores plug-ins Adobe XD para cada designer
Miscelânea / / November 29, 2021
Houve um tempo em que costumávamos confiar no Adobe Photoshop para todos os requisitos relacionados a design. Agora temos aplicativos e softwares dedicados para cada caso de uso. Para design de UI / UX, o mercado está inundado com opções como Sketch, Figma, InVision e Adobe XD. Entre eles, se você está investido em um ecossistema Adobe, o Adobe XD se torna uma escolha natural para você. Usando plug-ins XD, você pode levar a experiência para o próximo nível.
Os plug-ins desempenham um papel vital em qualquer software UI / UX. Eles são semelhantes a como você usa extensões para um navegador. Uma série de empresas de alto perfil como Dribbble, Airtable e Stark trouxeram suas ferramentas e serviços diretamente para o XD assim que a plataforma aberta foi anunciada. Vamos explorar alguns dos melhores plug-ins para Adobe XD.
Observação: No aplicativo Adobe XD, você encontrará a loja de plug-ins. Basta pesquisar o nome do plugin na barra de pesquisa e instalá-lo no dispositivo.
Também em Tecnologia de Orientação
1. Trello
Com o trabalho em casa se tornando uma nova norma atualmente, muitas empresas contam com soluções de gerenciamento de projetos como Trello, Asana e Jira para fazer o trabalho. Se sua equipe de designers usa o Trello para gerenciar tarefas de UI / UX, o Trello é o plugin obrigatório para sua equipe.
Com o plug-in Trello, os designers podem enviar facilmente seus ativos XD para o Trello, permitindo que eles compartilhem pranchetas com a equipe sem ter que sair do Adobe XD.
2. Photosplash 2
De vez em quando, você se depara com um ponto em que deseja usar uma imagem livre de royalties em uma maquete de IU. A rotina normal inclui pesquisar uma imagem na web, baixá-la para o computador e importá-la para o software XD. Em vez disso, você pode simplesmente optar pelo plug-in Photosplash 2 e adicionar imagens diretamente ao programa XD.
3. XD para flutuar
A linguagem Flutter do Google está se tornando popular entre os desenvolvedores atualmente. Com uma única linha de código, você pode criar aplicativos para iOS e Android. A empresa recentemente adicionado suporte para aplicativos da web também.
Com o plug-in XD para Flutter, você pode gerar código para construir aplicativos com Flutter com base em seus projetos no Adobe XD. O plug-in gera código para qualquer elemento selecionado no XD, seja para os objetos individuais na tela ou para pranchetas inteiras.
Ao fazer alterações no XD, você pode simplesmente executar o plug-in novamente e atualizar o código gerado.
4. Abrir
Uma maquete está inacabada sem usar qualquer ilustração. Em vez de pesquisá-los por horas na web, você pode simplesmente usar o plug-in UnDraw, que possui uma enorme coleção de ilustrações. O plugin abriga uma coleção constantemente atualizada de ilustrações .svg, que são totalmente personalizáveis e que você pode usar gratuitamente e sem atribuição, mesmo em projetos comerciais.
Nós o usamos em todos os projetos de design e é altamente recomendável que você experimente.
5. IU Faces
Todo designer precisa dessas fotos de perfil para usar em designs de UI / UX. O UI Faces Plugin para XD agrega milhares de avatares que você pode filtrar para criar suas personas perfeitas. Os avatares são filtrados de várias fontes. Você pode selecioná-los por idade, sexo, emoção, etc.
6. Ângulo
Depois de concluir o projeto de design, você pode mostrar isso ao seu cliente em uma maquete de dispositivo. Usando o plug-in de maquete do Angel, você pode criar maquetes bonitas para causar uma primeira impressão sólida.
A equipe GT adora usar maquetes e tiros incríveis de dribles. O ângulo é um dos plug-ins mais populares e incríveis que todo amante de maquetes tem que experimentar.
Também em Tecnologia de Orientação
7. Ícones 4 Desenhos
Este não precisa de introdução. Todo designer precisa desses ícones coloridos e minimalistas para implementar no design. O Icons 4 permite que você pesquise o ícone por nome e coloque esses ícones na lista de resultados com um clique, resultando em um ícone baseado em vetor totalmente editável.
A coleção inclui uma dúzia de coleções de ícones populares em uma variedade de estilos. Vá em frente, experimente. Temos certeza de que você não ficará desapontado.
8. Lorem Ipsum
Este é outro plugin importante para todo designer. Durante um projeto, você pode exigir o uso de textos falsos. Lorem Ipsum é uma maneira padrão da indústria de mostrar o texto em uma maquete de IU. Existem sites dedicados que permitem que você copie o texto com base em seus requisitos.
Usando o plugin Lorem Ipsum, você pode simplesmente obter esse texto sem sair do programa Adobe XD.
9. Renomear
Todos nós passamos mais tempo do que gostaríamos em admitir organizando e renomeando camadas e pranchetas. Renomear Permite renomear todas as camadas sequencialmente em ordem crescente ou decrescente, bem como alterar a capitalização do nome da camada em menos tempo do que renomear apenas algumas camadas. Ele ainda permite localizar e substituir palavras ou caracteres com atalhos de teclado simples.
10. marca páginas
Se você trabalha com muito design e pranchetas e às vezes sente dificuldade em encontrar uma prancheta específica, experimente o plug-in Indicador. Este plug-in permite que você marque uma prancheta específica e, sempre que você executar e clicar nesse favorito, o foco da tela irá para essa prancheta específica.
11. ColorSpark
Vimos muitos designers de IU lutando com as escolhas e combinações de cores ao longo do projeto. Existem ferramentas dedicadas na web que ajudam você a tomar uma decisão melhor. Mas o ColorSpark for Adobe XD bate cada um com um gerador de cores integrado para cores e gradientes aleatórios.
Ajuda os designers a descobrir paletas de cores exclusivas e despertar a criatividade.
12. Folga
Combine trabalho criativo e trabalho em equipe com Folga. Os designers podem facilmente compartilhar e visualizar arquivos de aplicativos, incluindo Adobe XD, receber feedback e ficar atualizado sobre as ações realizadas em seus ativos.
Com seu histórico pesquisável, conversa organizada e integração de aplicativos, o plug-in do Slack é a maneira perfeita de colaborar e obter informações claras e eficientes sobre seu design do início ao fim.
Também em Tecnologia de Orientação
Crie designs de interface do usuário incríveis
Adobe XD é a solução perfeita se você investe no ecossistema Adobe. E, ao contrário do Sketch, está disponível para Windows e Mac e não custa nada para testar alguns projetos. Vá até a lista de plugins acima e desenvolva suas habilidades de design com Adobe XD.
Próximo: Quer exportar o design do Adobe XD para um código HTML? Leia a postagem abaixo para saber como fazer isso.