Compartilhe ideias e conceitos. Faça iterações com rapidez. Trabalhe melhor em equipe no XD.
A principal ferramenta de mockup de aplicativos e sites.
Mockups lindos. À velocidade da luz.
Crie mockups de alta fidelidade para aplicativos e sites sem nenhuma complexidade. O XD foi criado do zero para ajudar a criar designs de experiências do usuário com ferramentas inteligentes de layout, guias e grades.
Na escala que você quiser.
Desktop. Dispositivos móveis. Tablet. Smartwatch. O XD facilita a adaptação de layouts e componentes para diferentes tamanhos de tela. Selecione modelos pré-configurados de prancheta para diferentes dispositivos e dimensões.
Compartilhamento, exportação e entrega fáceis.
O XD leva o compartilhamento direto para sua ferramenta de design. Crie e compartilhe links para seus mockups de interface. Exporte imagens e elementos de interface. Gere especificações para desenvolvedores contendo detalhes, dimensões e trechos de código.
RECURSOS
Ferramentas de mockup para planejar sua experiência.
Visualize suas ideias. Colabore com sua equipe. Crie e compartilhe rapidamente mockups incríveis de interface para aplicativos e sites e chegue mais cedo à versão final.
Layout sensível a conteúdo
Automatize as tarefas rotineiras com controles inteligentes que se adaptam à medida que você adiciona, remove ou ajusta objetos. Faça ajustes diretamente na tela e retorne à iteração. Saiba mais
Animação automática
Adicione efeitos de movimento, interações divertidas e transições perfeitas aos seus protótipos, sem precisar de programação nem de ferramentas especializadas. A Animação automática detecta diferenças entre as pranchetas e cria animações para você. Saiba mais
Transformações em 3D
Leve seus mockups a um novo patamar. Incline e gire seus designs para ter uma perspectiva diferente. Use imagens do dispositivo para apresentar seus designs como um profissional. Dê aquela perspectiva perfeita aos seus designs planos. Saiba mais
Repetição de grade
Duplique elementos simplesmente clicando e arrastando. Edite uma vez para atualizar automaticamente todos os elementos na grade. Arraste as imagens e o texto para a grade para preencher com conteúdo real. Saiba mais
PLUG-INS
Melhore o desempenho com plug-ins.
Amplie o poder do XD desbloqueando ainda mais recursos novos e ferramentas de mockup de aplicativos e sites. Escolha entre mais de 300 plug-ins e simplifique a integração com o seu fluxo de trabalho.
ColorSpark
Gere cores e gradientes para descobrir paletas e estimular a criatividade.
Icons 4 Design
Pesquise e utilize milhares de ícones vetoriais das coleções mais conhecidas.
unDraw
Descubra milhares de ilustrações vetoriais personalizáveis e livres de royalties.
Stark
Use verificadores de contraste e simuladores de daltonismo para incorporar a acessibilidade a seus designs.
Tudo pronto para começar a usar o XD?
R$43,00
Por mês
Perguntas frequentes
Um mockup de interface é uma representação de alta fidelidade de um aplicativo ou site. Os mockups ajudam a comunicar uma ideia de design e a criar discussões sobre a aparência e a estrutura de uma experiência. Os designers podem usar ferramentas de mockup de sites e aplicativos e também outros softwares para criar mockups de páginas da Web, aplicativos e outros tipos de experiências do usuário.
- Crie personas de usuários
- Determine a arquitetura das informações
- Crie o design e organize os layouts
- Aplique cores e tipografia
- Adicione imagens e conteúdo
Uma ferramenta de mockup é usada para criar a simulação do design de uma experiência digital, como um aplicativo ou site. Geralmente, as ferramentas de mockup ajudam os designers a criar rapidamente o layout e a aparência de uma experiência e compartilhar esse mockup com colegas de equipe, clientes e outras partes interessadas para fins de revisão e feedback. As ferramentas de mockup de sites e outros softwares similares podem também incluir ferramentas de prototipagem que permitem criar o design de fluxos de usuários e interatividade, além de um mockup de interface.
Um mockup de wireframe é uma representação de baixa fidelidade de um site ou aplicativo, muitas vezes sem cores nem tipografia. Os mockups de wireframe são usados para fins de discussão e alinhamento com as partes interessadas quanto à arquitetura de informações e ao fluxo de usuários de uma experiência.
Liberdade para criar.
Fotografia, vídeo, design gráfico, ilustração e muito mais. Tudo para dar vida à sua imaginação.