Bem-vindo ao Indigo.Design UI Kits
Experimente agoraSistema Indigo.Design
A verdadeira colaboração de desenvolvimento de design de UX torna-se mais fácil e eficiente em termos de tempo com o Indigo.Design System e o App Builder. O Indigo.Design System combina exclusivamente kits de interface do usuário que mapeiam controles e componentes reais da interface do usuário, com ferramentas que oferecem produtividade sem precedentes, ajudando as equipes de produtos digitais a passar do design perfeito para o código pronto para produção. Qualquer coisa que você projetar pode ser transformada em código real e utilizável, simplificando a transferência de designer-desenvolvedor como nunca antes.
Acelere a criação de aplicativos, desde o design até o código
Mais popular
- Grade de dados
- Gráfico de linhas
- Visualização de lista
- Calendário
Gráficos
- Gráfico de colunas
- Gráfico de linhas
- Gráfico de spline
- Gráfico de etapas
Medidores
- Gráfico de marcadores
- Medidores Lineares
- Medidores radiais
Estilo e temas
- Ícones
- Paletas de cores
- Tipografia
- Elevações
- Ilustrações
Grades
- Grade de dados
- Grade de árvore
- Grade hierárquica
- Visualização de lista
- Combinação
Interações
- Janela de diálogo
- Controle deslizante
- Dica de ferramenta
Menus
- Barra de navegação
- Gaveta de navegação
Layouts
- Avatar
- Navegação inferior
- Cartão
- Carrossel
- Painel de expansão
- Divisor
- Guias
Entrada e exibição de dados
- Distintivo
- Botão
- Grupo de botões
- Caixa de seleção
- Cavaco
- Divisor
- Suspenso
- Ícone
- Entrada
- Progresso
- Grupo de Rádio
- Selecionar
- Interruptor
Notificação
- Estandarte
- Lanchonete
- Brindar
Agendamento
- Calendário
- Seletor de data
- Seletor de tempo
Por que usar os kits de interface do usuário Indigo.Design?
Apoiado por componentes de IU reais
Tudo no Indigo.Design System é apoiado por UI Kits nas ferramentas mais populares, como Figma & Sketch, com variantes dos sistemas de design mais populares de hoje, como Material, Fluent & Bootstrap com controles de UI em Angular, React, Blazor & Web Components.
Escalável para sua marca
Aplique seus ativos de marca, como tipografia e cores, ao seu próprio projeto e bibliotecas. Com alguns cliques em nosso plugin de tema, personalize componentes e padrões de UI para que eles representem sua marca de forma consistente em seus projetos.
Pixel-Perfeito do Início ao Fim
Como uma solução completa de design para código, você pode simplificar todo o seu processo. Sua equipe de produtos digitais usa as ferramentas que conhece e ama, sem compromisso, para levar seu design para o código pronto para produção em poucos cliques.
Design moderno
Inspirado pelo Material Design System, além do Microsoft Fluent, Bootstrap e nossas próprias variantes temáticas Indigo, você pode projetar para as experiências de aplicativo mais modernas direcionadas a qualquer dispositivo. Crie simplicidade e beleza em pouco tempo.
Personalização em nível de componente
Cada componente em nossos UI Kits é criado para oferecer flexibilidade de tempo de design por meio de editores de propriedade padrão. Isso significa que você pode se concentrar em design e fluxos em vez de reinventar ou recriar controles personalizados em seus designs.
Kits de IU bem elaborados para Figma e Sketch
Com Indigo.Design kits de interface do usuário, tudo o que você cria usa um sistema de design. Todas as especificações de estilo, incluindo paletas, elevações, tipografia, densidade de exibição e temas, correspondem aos componentes reais da interface do usuário.
Qualquer coisa que você projetar com os UI Kits, ou simplesmente usando a caixa de ferramentas no App Builder, é totalmente compatível com controles de UI escaláveis e de alto desempenho em:
- Angular
- React
- Blazor
- Web Components
Além disso, você obtém mais de 400 ícones, paletas de cores especiais, 17 ilustrações personalizáveis e muito mais.
Temas para combinar com sua marca!
Com quatro temas diferentes, em versões escuras e claras, você pode realizar qualquer requisito de branding com Indigo.Design. Use o que está incluso ou use qualquer um dos temas como base e personalize para a experiência perfeita do aplicativo!
Plugin de tema personalizado para Sketch
Todos nós amamos atalhos. Aumente a eficiência implementando o Indigo.Design Plugin for Sketch no seu fluxo de design e otimize os processos de tematização com apenas alguns cliques.
Crie aplicativos diretamente do Figma, Sketch e Adobe XD Designs
Vá do Design ao Código com um único clique. Pegue seus designs e crie aplicativos interativos e responsivos com componentes e estilos de interface do usuário reais. Use os plug-ins Indigo.Design diretamente no Figma, Sketch e Adobe XD para criar aplicativos, com código real e pronto para produção. Nossos plug-ins até fornecem temas personalizados, importam ativos de imagens e garantem que todos os componentes sejam mapeados um a um com controles do App Builder Toolbox.
Responsivo
Personalize qualquer tamanho de tela sem esforço com padrões que aumentam e diminuem dinamicamente, para que você possa criar um ambiente Ul genuinamente responsivo e atender a qualquer demanda.
Crie um aplicativo da Web de última geração com App Builder história de design para código diretamente do Sketch ou Figma, vincule-o aos dados no App Builder e envie o código para o GitHub em um fluxo de trabalho integrado que reúne designers e desenvolvedores como nunca antes.
Teste de usuário
Crie protótipos interativos com Indigo.Design e execute testes remotos de usuários com usuários reais em qualquer dispositivo ou plataforma. Obtenha insights de usuários, colaboração simplificada com stakeholders, análises aprofundadas sobre o comportamento dos usuários e gravações de vídeo e áudio da jornada de testes de usuários.
Último lançamento
O que há de novo na versão 3.6.0
O maior destaque desta versão é o suporte total ao Bootstrap, Fluent e Indigo por meio de uma variante dedicada do kit de interface do usuário para cada um dos quatro temas principais do Indigo.Design.
- Novos componentes
- Novos recursos
- Novos aplicativos de referência
- Novos estados
- Bugs corrigidos
