UBEX INTERFACE
Qira es tu constructor IA dentro de Ubex Interface. Elige cualquier LLM – de Claude a GPT a Gemini – y construye aplicaciones completas de frontend + backend por conversación. Sube diseños, cambia de modelo a mitad de proyecto y despliega al instante.
SELECCIÓN DE MODELO
Qira funciona con el LLM que elijas. Cambia entre modelos en cualquier momento – usa un modelo potente para diseños complejos, uno más ligero para ediciones rápidas. Tú controlas el coste y la capacidad.
No tienes que quedarte con un solo modelo para todo tu proyecto. Empieza con un modelo potente para arquitectura compleja, cambia a uno más ligero para ajustes simples. Ubex te da esta opción – optimiza por calidad o coste en cada paso.
CREACIÓN FULL-STACK
Una vez seleccionado tu proyecto, Qira llama a Vira en vivo para crear el backend. Juntos construyen todo – páginas frontend, APIs backend y tablas de base de datos. Una aplicación completa, desde una conversación.
Páginas, componentes, formularios, dashboards, flujos de autenticación – Qira genera la UI completa desde tu descripción.
Qira llama a Vira en tiempo real para crear REST APIs, flujos de autenticación y lógica de negocio – sin configuración manual.
Vira crea y configura todas las tablas de base de datos que tu aplicación necesita. Usuarios, sesiones, contenido – todo estructurado y listo.
El frontend se comunica con el backend de forma nativa. Sin problemas de CORS, sin cableado de APIs. Simplemente funciona porque todo está construido en la misma plataforma.
CONTROL TOTAL
Detén el modelo en cualquier momento. Sube imágenes de referencia. Cambia de LLM a mitad de conversación. Ubex te da control completo sobre cómo se construye tu aplicación.
¿No va en la dirección correcta? Detén el modelo al instante y redirige. Siempre tienes el control del proceso de generación.
Arrastra capturas de pantalla, mockups o ejemplos de otros sitios web. Qira los usa como referencia para lograr el diseño que tienes en mente.
Empieza con Claude Opus para arquitectura compleja, cambia a Haiku para cambios rápidos de texto. No tienes que usar el mismo modelo hasta el final.
VISTA PREVIA Y CÓDIGO
Interface te ofrece dos vistas lado a lado – una vista previa en vivo de lo que Qira creó, y una vista de código donde puedes ajustar cualquier cosa manualmente. Ve la estructura completa del proyecto, edita archivos directamente y observa los cambios reflejados al instante.
Ve exactamente lo que Qira está construyendo en tiempo real. Cada componente, cada página, cada interacción – renderizado en vivo mientras se genera.
Acceso completo al código fuente. Navega la estructura del proyecto, abre cualquier archivo y haz ajustes manuales. Tu código, a tu manera.
HERRAMIENTA SELECT Y DISEÑO
La herramienta de selección te permite hacer clic en cualquier elemento de la vista previa en vivo y modificarlo al instante. Un panel de diseño completo aparece con todas las opciones que necesitas. En lugar de gastar tokens pidiendo a la IA que cambie un tamaño de fuente o un color, hazlo tú mismo con un clic. La herramienta de diseño te ahorra dinero real.
Cada vez que le pides a la IA que ajuste un color, modifique espaciados o cambie una fuente – eso cuesta tokens. Con la herramienta de diseño, haces esos cambios tú mismo en segundos, visualmente. Reserva la IA para lo que importa: construir nuevas funciones, lógica compleja y páginas completas. Los ajustes de diseño simples nunca deberían costarte un prompt.
Añade o elimina clases CSS al instante. Ve todas las clases aplicadas como etiquetas, elimina con un clic o añade nuevas desde el campo de entrada.
Controla el modo de visualización, tipo de posición y comportamiento de desbordamiento. Cambia entre block, flex, grid, inline – todo con controles visuales.
Establece ancho, alto, dimensiones mín/máx con valores precisos en píxeles. Control total sobre cuánto espacio ocupa tu elemento.
Ajusta padding y margin con valores vinculados o individuales. Afina el espacio alrededor de cada elemento.
Colores de fondo, degradados, opacidad, cursor, estilos de borde y radio de borde. Incluye opciones de degradado predefinidas para estilos rápidos.
Añade sombras de sutiles a dramáticas – Ninguna, SM, MD, LG, XL o Interior. Además valores de sombra personalizados para control preciso.
Familia tipográfica, tamaño, peso, altura de línea, espaciado entre letras, color, alineación y decoración. Estilizado de texto completo en un panel.
Estiliza por punto de quiebre – Todos, ≥640, ≥768, ≥1024, ≥1280. Cada elemento puede tener estilos diferentes en distintos tamaños de pantalla.
VISTA PREVIA RESPONSIVA
Tres modos de vista previa en vivo te permiten ver exactamente cómo se ve tu aplicación en cada dispositivo. Cambia entre vistas de Escritorio, Tablet y Móvil al instante – sin adivinar, sin sorpresas al publicar.
CONFIGURACIÓN Y VERSIONADO
Configura tu despliegue, cambia de tema al instante y gestiona las versiones de tu aplicación – todo desde la configuración de Interface.
¿No quieres usar tu dominio principal? Configura un subdominio para publicar. Tu app se publica en tuapp.ubex.ai o cualquier dominio personalizado que conectes.
¿Usaste un tema predeterminado de Ubex? Cámbialo con un clic. Todos los colores se actualizan automáticamente en cada elemento de tu página – botones, texto, fondos, todo.
Cada publicación crea una versión. Añade descripciones para rastrear qué cambió. Revierte a cualquier versión anterior y publícala en segundos – solo selecciónala desde la barra superior.
VERLO EN ACCIÓN
De la conversación a la aplicación desplegada – registro, login, dashboard, miembros, configuración y despliegue. Todo en un flujo.
POR QUÉ UBEX
Otras plataformas te obligan a unir hosting frontend, servicios backend, bases de datos, proveedores de auth y pipelines de despliegue. Ubex es una plataforma.
Describe tu app, obtén un full stack, despliega con un clic. Plan gratuito incluido – sin tarjeta de crédito.
Plan gratuito · Managed Cloud · SSL incluido · Dominios personalizadosHola 👋
¿Cómo podemos ayudarte hoy?