Plugins para Adobe XD — Março 2019

Lucas Miquéias
CollabCode
Published in
4 min readMar 21, 2019

--

Desde o final 2017 eu utilizo o Adobe XD como ferramenta para finalização de interface visual, no inicio ele deixava muito a desejar em comparação a grandes softwares da época. Entretanto a comunidade de Design aceitou bem sua chegada, e rapidamente melhorias e Plugins foram aparecendo.

Nesse post irei indicar alguns Plugins que eu estou utilizando atualmente.

Como instalar plugin no Adobe XD?

  1. Abra o Adobe XD.
  2. Vá até Add-ons, ou suplementos se utiliza-lo em português

2.1. Plugins, ou Plug-ins em português.

Não irei entrar em mais detalhes sobre gerenciamento dos plugins, porque esse post não é destinado a isso, mas caso haja interesse em saber mais, você pode conferir nesse link:

https://helpx.adobe.com/br/xd/help/plugins.html

Então vamos lá…

1. Mimic

Com o mimic você consegue extrair uma folha de estilo de sites apenas copiando e colocando o link.

Como usar:

menu Adobe XD → Plugins → Mimic, adicione o site que você deseja extrair uma folha de estilo e clique em Extract.

2. UI Faces

Gere avatares com imagens do unsplash, pexels, Diverse UI, TinyFaces, Musicians, RandomUser, IMDB diretamente do adobe XD.

Como usar:

menu Adobe XD → Plugins → UI Faces, escolha qual banco de image você quer utilizar, idade, gênero, reação, cor do cabelo, e se quer imagens randômicas.

3. Calendar

Gere calendários a partir do mês escolhido, com configuração de linguagem e estilo de descrição dos dias.

Como usar:

Selecione o artboard → vá até menu Adobe XD → Plugins → Calendar, escolha o idioma, tamanho de cada grupo numérico, mês, e estilo da descrição dos dias.

4. Icondrop

Insira milhões de icones, ilustrações e fotos gratuita e pagas do iconscout, além de ter opção de gerenciar pela plataforma.

Como usar:

Selecione o artboard → vá até menu Adobe XD → Plugins → Icondrop.
Na janela você tem a liberdade de pesquisar por ícone, ilustração e foto, além de poder filtrar por estilo, popularidade, tipo, e escolher a forma de importação, após isso seu ícone estará no seu clipboard, é só colocar.

5. ContentGenerator

Gere nome de pessoas, datas, cidade, país, e-mail, moedas, parágrafos, porcentagens, telefone, numero de telefone e títulos.

Como usar:

Selecione os textos que você quer gerar → vá até menu Adobe XD → Plugins → ContentGenerator.

6. VizzyChart

Gerador de gráficos csv e de dados, com possibilidade de controlar aparência das visualizações. Atualmente suporta gráficos de linhas, gráficos de donuts e gráficos de anéis.

Como usar:

  • Se você quer importar um gráfico .csv:

vá até menu Adobe XD → Plugins → VizzyCharts → How to Use VizzyCharts, logo após, clique em Downloadsample .csv data file para baixar um arquivo csv de exemplo.

  • Gráficos de anéis você adiciona os valores direto no Plugin, tendo opção de valores (separado por virgula), diâmetro, espessura, espaço entre valores, borda do canto, espaço interno e texto descritivo.

Esses são alguns dos Plugins que utilizo atualmente, existe mais alguns que irei vir a testar e possivelmente atualizar a publicação.

OBRIGADO! 😄

--

--