Começando 2025 com um novo kit de interface do usuário Indigo para Figma

Estamos animados para trazer as últimas inovações para App Builder com o novo ano em andamento. Projetadas para aprimorar seu processo de desenvolvimento de aplicativos, essas atualizações permitem que você crie aplicativos visualmente impressionantes e de alto desempenho com mais eficiência do que nunca:

• O Indigo UI Kit para Figma– que se integra perfeitamente com App Builder para projetar visualmente e posteriormente gerar código para Angular, Blazor, Web Components e React.
• Associação automática de valores para modelos de colunas de grade – que simplifica as configurações de modelos para economizar tempo e reduzir erros.

Antes de mergulhar nessas novas funcionalidades, se esta é a primeira vez que você aprende sobre App Builder, deixe-me compartilhar rapidamente por que você deve considerá-lo como uma ferramenta fundamental no processo de desenvolvimento de aplicativos para sua organização:

• Um construtor de aplicativos visuais – a plataforma unificada para gerentes de produto, designers, desenvolvedores e partes interessadas.
• Ferramenta de arrastar e soltar WYSIWYG baseada em nuvem que ajuda as empresas a projetar e criar aplicativos de negócios completos 80% mais rápido do que nunca.
• Uma ferramenta de baixo código que gera código Blazor, código Angular, código React e código Web Components prontos para produção a partir de seus designs Figma.

Kit de interface do usuário Indigo para Figma

Estamos felizes em anunciar o lançamento da versão 1.5 dos Indigo.Design Figma UI Kits, juntamente com uma nova adição: o Indigo UI Kit!

O Indigo UI Kit é um tema interno personalizado, projetado para elevar seus projetos com uma estética moderna e única. Combinando perfeitamente com nossas ofertas existentes, este kit expande suas possibilidades criativas e garante que seus designs se destaquem.

O melhor de tudo é que todos os kits de interface do usuário se integram ao App Builder, permitindo que você projete visualmente e gere código pronto para produção para Angular, Blazor, Web Components e React sem esforço.

Certo, então o que há de novo na versão 1.5?

A atualização mais recente traz um conjunto de melhorias para melhorar a usabilidade, a flexibilidade e a personalização em todos os kits de interface do usuário:

• Novas variantes para componentes:
  • Opções de multivisualização vertical para Calendário e Seletor de Data.
  • Os botões de ação alternam entre Seletor de Data e Seletor de Hora para maior flexibilidade.
• Personalização aprimorada:
  • Propriedades booleanas para ícones e ações no componente Navbar.
  • Estados de itens desabilitados na Gaveta de Navegação para melhor controle.
  • Maiores opções de personalização para divisores, guias e outros componentes.
• Melhorias no design:
  • Dicas para áreas de texto.
  • Contraste aprimorado para componentes do Modo Escuro.
  • Alinhamentos otimizados, preenchimentos e configurações de cores para botões, steppers, grades e muito mais.

Se você não conhece nossos kits de interface do usuário, este é um bom lugar para começar sua jornada.

Em poucas palavras, Indigo.Design é uma plataforma unificada para design visual, prototipagem UX, geração de código e desenvolvimento de aplicativos. É voltado para equipes de design e desenvolvimento que buscam entregar aplicativos pixel-perfect o mais rápido possível sem perder o foco no UX.

A plataforma consiste em três módulos principais – UI Kits, Protótipos/Estudos de Usabilidade e App Builder. Os UI Kits para Figma mapeiam controles e componentes de UI reais, com ferramentas que oferecem produtividade. Cada UI Kit implementa e segue rigorosamente – Cores, Tipografia, Tamanhos, etc. Protótipos e Estudos de Usabilidade ajudam você a medir e melhorar a experiência do usuário de um produto ou recurso. App Builder, por outro lado, permite que os usuários criem seus próprios aplicativos em um ambiente web e gerem código Angular, React, Blazor ou Web Components a partir dele.

Então, você está pronto para explorar as possibilidades? Experimente o mais recente Indigo UI Kit hoje mesmo e eleve seu fluxo de trabalho de design. Você também pode ler a história completa do design para código explicada neste post do blog.

Associação automática de valores para modelos de colunas de grade

Configurar modelos para colunas de grade geralmente envolve vincular a propriedade Value de um componente ao contexto de dados da célula. Embora simples, essa etapa pode ser negligenciada, potencialmente levando a erros ou comportamento inesperado.

Nosso novo recurso de vinculação automática de valor aborda isso simplificando o processo. Como funciona? Quando você adiciona o primeiro componente de controle de formulário suportado a um modelo Edit, sua propriedade Value é vinculada automaticamente ao contexto de dados da célula correspondente.

Detalhes principais:

• O recurso se aplica somente a modelos de edição (não a modelos de exibição ou cabeçalho).
• Componentes subsequentes no mesmo modelo ou componentes aninhados não serão vinculados automaticamente.
• Componentes adicionados por copiar/colar ou reparenting não serão afetados.
• As configurações existentes permanecerão inalteradas para modelos criados antes desse recurso.
• Componentes suportados – Todos os componentes com um valor de controle de formulário, incluindo valor/marcado/conteúdo, são suportados.

Esse aprimoramento ajuda seu fluxo de trabalho reduzindo o esforço manual e garantindo um comportamento mais consistente do modelo.

Outras melhorias de lançamento

• Angular aplicativos são gerados usando o Ignite UI for Angular 19.0.0
• Os aplicativos de Componente Web são gerados usando o Ignite UI for Web Components 5.1.2
• Blazor aplicativos são gerados usando o Ignite UI for Blazor 24.2.6
• React aplicativos são gerados usando o Ignite UI for React 18.7.4

Embrulhar

Em conclusão, App Builder é um divisor de águas no processo de desenvolvimento de aplicativos. Com seu construtor visual baseado em nuvem, recursos de baixo código e novos recursos, é uma ferramenta obrigatória para qualquer organização. Experimente hoje! Se precisar de mais detalhes, recomendamos que você confira nosso:

• Discord canal.
• Discussões do GitHub.
• Roteiro

Para experimentar tudo nas últimas atualizações do App Builder, visite o portal do cliente e obtenha a versão mais recente. Como de costume, estamos sempre ansiosos para receber seus comentários e ouvir o que você deseja adicionar ou recomendar. Então, por favor, envie-me um e-mail para zkolev@appbuilder.dev e deixe-me saber como podemos ajudá-lo a continuar agregando valor aos seus clientes com a Infragistics.

• Como obter personalização completa de low-code?
• Criando formulários React com App Builder facilitado
• Por que a flexibilidade de código é crucial no desenvolvimento moderno de low-code?
• Lidando com dados complexos – Escolhendo o componente certo para sua estrutura de dados
• Riscos de aprisionamento do fornecedor: por que as plataformas low-code devem priorizar a liberdade?