Arrancamos 2025 con un nuevo kit de interfaz de usuario Indigo para Figma

We’re excited to bring the latest innovations to App Builder with the new year underway. Designed to enhance your app development process, these updates empower you to create visually stunning, high-performance applications more efficiently than ever before:

• The Indigo UI Kit for Figma – which seamlessly integrates with App Builder to visually design and later generate code for Angular, Blazor, Web Components, and React.
• Enlace automático de valores para plantillas de columnas de cuadrícula: lo que simplifica las configuraciones de plantillas para ahorrar tiempo y reducir errores.

Antes de sumergirte en estas nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, déjame compartir rápidamente por qué deberías considerarlo como una herramienta clave en el proceso de desarrollo de aplicaciones para tu organización:

• Un creador de aplicaciones visuales: la plataforma unificada para gerentes de productos, diseñadores, desarrolladores y partes interesadas.
• Herramienta de arrastrar y soltar WYSIWYG basada en la nube que ayuda a las empresas a diseñar y crear aplicaciones comerciales completas un 80 % más rápido que nunca.
• Una herramienta low-code que genera código Blazor, código Angular, código React y código Web Components listos para producción a partir de sus diseños Figma.

Kit de interfaz de usuario Indigo para Figma

Estamos encantados de anunciar el lanzamiento de la versión 1.5 de los kits de interfaz de usuario de Indigo.Design Figma, junto con una nueva adición: ¡el kit de interfaz de usuario Indigo!

El kit de interfaz de usuario de Indigo es un tema interno personalizado diseñado para elevar tus proyectos con una estética moderna y única. Combinando a la perfección con nuestras ofertas existentes, este kit amplía sus posibilidades creativas y garantiza que sus diseños se destaquen.

Lo mejor de todo es que todos los kits de interfaz de usuario se integran con App Builder, lo que le permite diseñar visualmente y generar código listo para producción para Angular, Blazor, Web Components y React sin esfuerzo.

Bien, ¿qué hay de nuevo en la versión 1.5?

La última actualización trae un conjunto de mejoras para mejorar la usabilidad, la flexibilidad y la personalización en todos los kits de interfaz de usuario:

• Nuevas variantes para componentes:
  • Opciones verticales de vista múltiple para el calendario y el selector de fechas.
  • El botón de acción alterna el selector de fecha y el selector de tiempo para una mayor flexibilidad.
• Personalización mejorada:
  • Propiedades booleanas para iconos y acciones en el componente Navbar.
  • Se han deshabilitado los estados de los elementos en el cajón de navegación para mejorar el control.
  • Mayores opciones de personalización para divisores, pestañas y otros componentes.
• Mejoras de diseño:
  • Sugerencias para áreas de texto.
  • Se ha mejorado el contraste de los componentes del modo oscuro.
  • Alineaciones, rellenos y ajustes de color optimizados para botones, pasos, cuadrículas y más.

Si no está familiarizado con nuestros kits de interfaz de usuario, este es un buen lugar para comenzar su viaje.

En pocas palabras, Indigo.Design es una plataforma unificada para el diseño visual, la creación de prototipos de UX, la generación de código y el desarrollo de aplicaciones. Está dirigido a equipos de diseño y desarrollo que buscan entregar aplicaciones con píxeles perfectos lo más rápido posible sin perder el enfoque en la experiencia de usuario.

La plataforma consta de tres módulos principales: kits de interfaz de usuario, prototipos/estudios de usabilidad y App Builder. Los kits de interfaz de usuario para Figma se asignan a controles y componentes de interfaz de usuario reales, con herramientas que brindan productividad. Cada kit de interfaz de usuario implementa y sigue estrictamente: colores, tipografía, tamaños, etc. Los prototipos y los estudios de usabilidad lo ayudan a medir y mejorar la experiencia del usuario de un producto o función. App Builder, por otro lado, permite a los usuarios crear sus propias aplicaciones en un entorno web y generar código Angular, React, Blazor o Web Components a partir de él.

Entonces, ¿estás listo para explorar las posibilidades? Pruebe hoy mismo el último kit de interfaz de usuario de Indigo y eleve su flujo de trabajo de diseño. También puedes leer toda la historia del diseño a código explicada en esta entrada del blog.

Enlace automático de valores para plantillas de columna de cuadrícula

La configuración de plantillas para columnas de cuadrícula a menudo implica vincular la propiedad Value de un componente al contexto de datos de la celda. Si bien es sencillo, este paso puede pasarse por alto, lo que puede provocar errores o comportamientos inesperados.

Nuestra nueva función de enlace automático de valores aborda este problema simplificando el proceso. ¿Cómo funciona? Al agregar el primer componente de control de formulario admitido a una plantilla de edición, su propiedad Value se enlaza automáticamente al contexto de datos de la celda correspondiente.

Detalles clave:

• La función solo se aplica a las plantillas de edición (no a las plantillas de visualización o de encabezado).
• Los componentes posteriores de la misma plantilla o componentes anidados no se enlazarán automáticamente.
• Los componentes agregados mediante copiar/pegar o volver a vincular no se verán afectados.
• Las configuraciones existentes permanecerán sin cambios para las plantillas creadas antes de esta función.
• Componentes compatibles: se admiten todos los componentes con un valor de control de formulario, incluidos value/checked/content.

Esta mejora ayuda a su flujo de trabajo al reducir el esfuerzo manual y garantizar un comportamiento más coherente de la plantilla.

Otras mejoras de la versión

• Angular aplicaciones se generan con Ignite UI for Angular 19.0.0
• Las aplicaciones de componentes web se generan mediante Ignite UI for Web Components 5.1.2
• Blazor aplicaciones se generan con Ignite UI for Blazor 24.2.6
• React aplicaciones se generan con Ignite UI for React 18.7.4

Envolver

En conclusión, App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Con su creador visual basado en la nube, capacidades de código bajo y nuevas funciones, es una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesita más detalles, le recomendamos que consulte nuestro:

• Canal Discord.
• Discusiones de GitHub.
• Mapa vial

Para experimentar todo lo que hay en las últimas actualizaciones App Builder, visite su portal de clientes y obtenga la última versión. Como de costumbre, siempre estamos emocionados de recibir sus comentarios y escuchar lo que desea agregar o recomendar. Así que, por favor, envíame un correo electrónico a zkolev@appbuilder.dev y hazme saber cómo podemos ayudarte a seguir aportando valor a tus clientes con Infragistics.

• Arrancamos 2025 con un nuevo kit de interfaz de usuario Indigo para Figma
• Angular Creador de formularios simplificado con App Builder
• ¿Cómo cambiará el low code de IA generativa el desarrollo de aplicaciones?
• Resumen de App Builder 2024: Aspectos destacados y avances en la innovación low-code
• Últimas actualizaciones App Builder: Implementación de GitHub Pages y cuadrícula jerárquica