Transforme protótipos do Adobe XD em aplicativos mais rapidamente
Traga sistemas de design para seus fluxos de trabalho criativos com o Indigo.Design para Adobe XD e use App Builder ™ para transformar rapidamente protótipos completos do XD em aplicativos. Com um clique, pegue seus designs estáticos e obtenha aplicativos interativos e responsivos com componentes e estilos de interface do usuário reais.
Crie e converta protótipos do XD em aplicativos com design to code
Inicie seu fluxo de trabalho de design
Comece a trabalhar com centenas de padrões de interface do usuário pré-criados e mais de 60 componentes atômicos, como grades, gráficos, menus suspensos, menus e muito mais.
Explore diferentes estilos visuais
Ajuste facilmente os ativos de cores, estilos de caracteres e tipografias de seus designs para obter a aparência desejada. O kit de interface do usuário do Adobe XD vem com 400+ ícones, paletas de cores especiais e 17 ilustrações personalizáveis.
Design para código — Adobe XD para Angular ou Blazor
Acelere os projetos em Angular prontos para produção ou código Blazor por meio de um único ambiente de trabalho. Os designers podem usar suas ferramentas de design preferidas, como Adobe XD ou Sketch, enquanto os desenvolvedores podem usar o Visual Studio, GitHub ou seu IDE favorito. Elimine silos e reduza a falta de comunicação com um sistema de design para código totalmente integrado.
Bibliotecas de ativos nativos do XD
Uma ótima prototipagem e criação de aplicativos se resume a detalhes, como estados de interação nos componentes, modelos avançados, personalizações e recursos de layout automático - disponíveis imediatamente! Com a funcionalidade XD nativa no Indigo.Design, você pode personalizar facilmente componentes com diferentes efeitos, como botão ocioso e foco ou outros efeitos criativos, como ícones e ilustrações personalizados.
Recursos que facilitam o design e a criação de ótimos aplicativos
Uma biblioteca da Creative Cloud só para você
Adicione Indigo.Design às suas bibliotecas e use-o em todos os seus projetos, obtendo atualizações futuras, aprimoramentos e novos componentes automaticamente. Ou "Crie uma cópia" dele para ter sua própria versão adaptada às necessidades do seu produto.
Comece do zero não mais
Quer começar rápido? Inicie um novo projeto acessando o painel de bibliotecas nativas do Adobe XD e navegando pelos grupos criados com cores, tipografias, ícones, componentes e variantes de padrão. Basta clicar e arrastar para transformar sua tela vazia em um design de ótima aparência.
Tudo termina em App Builder
Crie um aplicativo da Web de última geração diretamente do Adobe XD, vincule-o aos dados no App Builder e envie o código para o GitHub em um fluxo de trabalho integrado de design para código que reúne designers e desenvolvedores como nunca antes.
Explore a galeria de aplicativos de referência
Torne-se um especialista em Indigo.Design e aprenda seus princípios fundamentais do sistema de design explorando alguns dos aplicativos de referência em nossa galeria. Baixe-os como arquivos do Adobe XD e explore sua estrutura em camadas, enquanto olha para o mesmo aplicativo em App Builder.
Sem XD, sem problemas
Com suporte para Sketch já disponível e Figma em andamento, cobrimos as principais ferramentas para UX e UI design. Os kits de interface do usuário oferecem o mesmo conjunto de componentes, padrões, estilo e personalização, mas cada um usa as vantagens da ferramenta para a qual foi criado.
Entre em contato conosco sobre Indigo.Design
Indigo.Design é uma plataforma completa de design de produtos digitais, com as ferramentas necessárias para as equipes projetarem, criarem e testarem aplicativos com mais rapidez. Para obter mais informações, preencha o formulário abaixo e um membro de nossa equipe fará o acompanhamento para confirmar e agendar em uma data e horário que funcione com você.
Perguntas frequentes
Perguntas e respostas para a prototipagem do Adobe XD
What is prototyping in Adobe XD?
No Adobe XD, você normalmente desenha pontos de acesso sobre áreas que gostaria que fossem clicáveis e, ao escolher a prancheta de destino do ponto de acesso, pode criar protótipos interativos. No entanto, depois de publicar seu projeto baseado em Indigo.Design em nossa nuvem, ele detectará automaticamente os componentes e permitirá que você escolha facilmente a tela de destino para criar a mesma experiência para o usuário final sem sobrecarregar seu arquivo de design com pontos de acesso.
How to use UI kits in Adobe XD?
Quase se tornou um padrão para os designers baixar um kit de interface do usuário gratuito, copiar alguns de seus componentes, colar e organizá-los em um layout para atender às necessidades de seus projetos. No entanto, Indigo.Design é mais do que um kit de interface do usuário, é uma biblioteca nativa do Adobe XD, que pode ser adicionada à conta da nuvem criativa com um único clique e, em seguida, facilmente acessada no painel "Bibliotecas". Além disso, com uma instância de componente vinculada ao componente principal na biblioteca de código-fonte, você receberá atualizações automaticamente à medida que o sistema de design evolui. Além disso, esse paradigma garante uma única fonte de verdade, que é uma das principais características de um verdadeiro sistema de design.