Bloques prediseñados
19 bloques en 12 categorías (cabeceras, héroes, precios, preguntas frecuentes, formularios, pies de página…). Un clic lo inserta en la página.
Canvas
Canvas: crea páginas y webs con IA y edítalas sin programar
El Canvas es el panel de diseño del chat con ADRI. Le pides una página, la ves al instante, la editas con el ratón o con instrucciones y la compartes con un enlace. Sirve a quien necesita una web o una landing sin montar un proyecto.
Qué es
Un lienzo junto al chat para ver y retocar lo que ADRI crea
Cuando le pides a ADRI una página, una landing o un script, el resultado se abre en el Canvas, un panel a la derecha del chat. Ahí lo ves como lo vería un visitante, lo cambias con el ratón o con instrucciones en lenguaje natural y lo guardas en el espacio de la conversación.
Se abre solo cuando ADRI genera un archivo web, o a mano desde cualquier archivo del chat. Con el botón + del cuadro de mensaje también creas un lienzo web desde cero. Puedes arrastrar la barra que lo separa del chat para darle más o menos ancho.
Crear
Pídele a ADRI la página que necesitas
Descríbela
«Haz una landing para mi academia de inglés con precios y formulario de contacto.» ADRI diseña la página y deja el HTML en el espacio de trabajo.
Mírala
El Canvas la abre con su vista previa. Cambia el ancho entre móvil, tableta y escritorio, o usa la vista dividida para ver tres tamaños a la vez.
Pide cambios
«Haz este botón azul», «añade una sección de preguntas». Cada cambio de ADRI queda guardado como una versión.
La vista previa carga el CSS, el JavaScript y las imágenes de al lado del HTML, como un navegador. Por eso no hace falta meterlo todo en un solo archivo. Si enlazas un CSS de internet puede no cargar: deja los estilos en el espacio de trabajo.
Modo diseñador
Edita sin tocar código
Plantillas completas
Cuatro puntos de partida: landing de producto, porfolio, panel de inicio y portada de blog.
Edición directa
Activa Editar, haz clic en un texto y escribe. Al terminar se guarda.
Inspeccionar
Haz clic en cualquier elemento y ves su selector, sus medidas y sus estilos. Desde ahí puedes pedir a ADRI un cambio solo para ese elemento.
Imágenes
Sube JPG, PNG, GIF, WebP o AVIF (hasta 10 MB) o arrástralas al panel, y se insertan en la página.
Revisión de accesibilidad
Un aviso marca imágenes sin texto alternativo, enlaces vacíos y campos sin etiqueta.
Datos reales
Datos de tu empresa dentro de la página
Puedes escribir marcadores como {{ invoice.count.pending }} o {{ client.count }} y, con el botón En vivo, el Canvas los sustituye por tus datos: clientes, leads, facturas pendientes, tareas abiertas, tu nombre o la fecha. Solo lee tus propios registros. Es lo que permite hacer un panel de inicio con cifras reales en lugar de números de ejemplo.
SEO y versiones
Cuida la página y vuelve atrás cuando quieras
SEO y redes
Un formulario edita el título, la descripción y los textos e imagen que se ven al compartir en redes.
Traducir con IA
Traduce el texto visible a siete idiomas y guarda cada traducción como archivo nuevo, sin tocar el original.
Historial de versiones
Cada guardado, edición o cambio de ADRI crea una versión. Previsualizas, comparas con la anterior y restauras. Restaurar es otro paso más del historial: siempre se puede deshacer.
Probar y compartir
PHP y Python funcionan en tu navegador
Si ADRI te crea una web en PHP o un script en Python, la pestaña Vista previa los ejecuta dentro de tu navegador: navegas, envías formularios, ves la consola y descargas lo que genera. Los servidores de BionicAdri no ejecutan ese código. En PHP la base de datos es SQLite; MySQL y PostgreSQL no están disponibles. También se ven aplicaciones Flask, FastAPI y Streamlit.
Para enseñárselo a un cliente, Compartir crea un enlace público que se abre sin iniciar sesión y dura 1, 7, 30 o 90 días. Es una foto del momento en que lo creas y lo revocas cuando quieras. Es una demo para probar: para publicar una web de verdad necesitas un servidor.
Precio
Desde 275 €/mes, IA incluida
Pagas por asiento: un asiento es una tarea de IA trabajando en paralelo, no una persona, así que los usuarios no tienen límite. El servidor donde viven tus datos se elige aparte, desde 100 €/mes. Precios sin IVA.
Preguntas frecuentes
Lo que suelen preguntarnos
¿Necesito saber programar para usar el Canvas?
No. Describes la página en el chat, la ves en el Canvas y la cambias con el ratón o con instrucciones. Si sabes código, también hay un editor con el archivo abierto.
¿Puedo usar mis propias imágenes y estilos?
Sí. Subes imágenes al panel de recursos, y el CSS y el JavaScript del espacio de trabajo se cargan en la vista previa como en un navegador.
¿Puedo volver a una versión anterior?
Sí. El historial guarda las versiones, con su origen (ADRI, manual o restaurada). Las previsualizas, ves la diferencia con la anterior y restauras la que quieras.
¿Se publica la web en internet?
No directamente. El Canvas sirve para diseñar y probar. Puedes enviar un enlace de demo con caducidad, pero publicar la web de forma definitiva requiere un servidor aparte.
¿Qué lenguajes puede ejecutar la vista previa?
PHP y Python se ejecutan en vivo en tu navegador, con sus límites: sin MySQL ni PostgreSQL, sin salir a otras webs y sin ventanas de escritorio. Para otros lenguajes, pides a ADRI que lo ejecute.
Demo sin compromiso
Cuéntanos qué página necesitas y la diseñamos contigo en directo
Cuéntanos cómo trabajas hoy y te enseñamos cómo lo haría ADRI con tus datos. Sin compromiso.