Obtenha aplicativos funcionais rapidamente a partir de protótipos Sketch
Aproveite todo o poder dos sistemas de design e libere sua criatividade com Indigo.Design para Sketch e App Builder ™ para transformar rapidamente Sketch protótipos em aplicativos com código pronto para produção. Elimine camadas de desordem em sua interface do usuário ao criar protótipos com componentes reais da interface do usuário e traga seus designs para a Web como aplicativos modernos totalmente funcionais.
Design to Code: Crie e converta protótipos Sketch em aplicativos reais
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 e muito mais.
Renomeie seu design
Alterne entre o modo claro e escuro, defina paletas de cores personalizadas e escolha a tipografia perfeita com temas fáceis e reutilizáveis. O kit Sketch UI vem com 400+ ícones, paletas de cores especiais e 17 ilustrações personalizáveis.
Compartilhe seu protótipo Sketch
Com nosso plugin Sketch, basta clicar em "Publicar" ou "Criar aplicativo", sem necessidade de exportar seus protótipos para imagens de tela! Em seguida, compartilhe-o diretamente com as partes interessadas, crie testes de usabilidade ou obtenha código-fonte real e pronto para produção em App Builder ™!
Projete para codificar em segundos
Acelere seus projetos de Sketch 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 de projeto e reduza a falta de comunicação com um sistema de design para código totalmente integrado.
Recursos que facilitam o design e a criação de ótimos aplicativos
Fundação de Temas Flexíveis
O Indigo Design System fornece uma estrutura de variáveis de cor, estilos de cor e estilos de texto que se aplicam a componentes e padrões reais da interface do usuário que você pode ajustar de maneira fácil e automática para corresponder às diretrizes da sua marca.
Crie protótipos Sketch e teste o usuário remotamente
Crie protótipos interativos baseados em nuvem diretamente do Sketch e colete feedback das partes interessadas ou defina cenários de teste de usuário seguindo as melhores práticas em UX para criar a experiência certa desde a primeira tentativa.
Tudo termina em App Builder ™
Crie um aplicativo da Web de última geração diretamente do Sketch, vincule-o aos dados em App Builder e envie o código para o GitHub em um design integrado 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 Sketch e explore sua estrutura em camadas, enquanto olha para o mesmo aplicativo em App Builder.
Sem Sketch, sem problemas
Com suporte para Adobe XD já disponível e Figma em construção, abordamos as principais ferramentas para design de UX e UI. 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 prototipagem Sketch
What is Sketch prototyping?
No Sketch, você normalmente desenha pontos de acesso em áreas que gostaria que fossem clicáveis e, escolhendo a prancheta de destino do ponto de acesso, pode criar protótipos interativos. Depois de publicar um design Sketch com pontos de acesso na nuvem Indigo.Design, os pontos de acesso serão detectados e você terá um protótipo com interações incorporadas.
How to prototype in Sketch?
Em vez de definir pontos de acesso em Sketch e bagunçar seu arquivo de design, você pode publicar seu projeto baseado em Indigo.Design em nossa nuvem e ele detectará automaticamente os componentes, permitindo que você vincule facilmente as telas. Isso oferece um protótipo interativo limpo com fluxo de usuário suave para compartilhar e testar.
How to export a Sketch prototype?
Exportar protótipos de Sketch para imagens de tela não é mais necessário e, sério, é 2022, quem iria querer isso. Use o plug-in Sketch para publicar seu design na nuvem Indigo.Design sem complicações com apenas alguns cliques e, em seguida, sincronize-o apenas com ctrl+shift+Y enquanto faz ajustes. Se você tem um sentimento pelos métodos antigos e ainda deseja exportar suas telas como jpegs, Indigo.Design ainda o cobre com o fluxo de prototipagem baseado em imagem disponível quando você começa a criar um protótipo na nuvem Indigo.Design.
How to share a Sketch prototype?
Com seu protótipo na nuvem Indigo.Design, você pode compartilhá-lo diretamente com as partes interessadas para deixar seus comentários como comentários ou criar testes de usabilidade definindo tarefas e cenários para os usuários concluírem. Essa é uma vantagem exclusiva do nosso sistema de design, pois segue as melhores práticas de teste do usuário, fornece insights concretos e mapas de cliques do usuário, permitindo que você identifique problemas desde o início e itere seu design rapidamente para garantir um fluxo suave do usuário.