# Diseña sobre la web real. Mide lo que diseñas. > Bixlow para diseñadores UX/UI es un editor visual sobre la web real con un agente de IA que construye componentes siguiendo la guía de diseño de la marca, para lanzarlos como variantes de un test o como personalización y medir su impacto en conversiones. - Source: https://bixlow.com/es/solutions/ux-ui - Language: es - Publisher: Bixlow Tu diseño pasa por un handoff, un sprint y un deploy, y casi nunca sabes si funcionó. Con Bixlow trabajas sobre la web en producción: el agente construye el componente con tu marca, lo pruebas contra el Original y ves qué convierte. - **Dónde:** Vista previa de tu web real - **Marca:** Guía de diseño generada de tu web - **Construcción:** El agente o tú, sin handoff - **Medición:** Variantes con veredicto bayesiano ## El diseño se pierde entre Figma y producción Lo que diseñas no es lo que sale, y lo que sale casi nunca se mide. ### El handoff se come el diseño Espaciados, estados y microcopys se pierden entre el archivo de diseño y el código. Lo que llega a producción se parece, pero no es. ### Diseñar sin datos Las decisiones de diseño se defienden con argumentos, porque no hay forma rápida de comparar dos propuestas con usuarios reales. ### Herramientas que no conocen tu marca Lo que genera una IA genérica tiene otras fuentes, otros colores y otro tono. Corregirlo lleva más que diseñarlo. ### Esperar al sprint Un ajuste pequeño en un componente espera semanas a que alguien de desarrollo tenga hueco. ## Cómo trabaja un diseñador con Bixlow Sobre la web en producción, con la marca ya cargada y con el resultado medido. 1. **Bixlow aprende tu marca.** Cada proyecto genera una guía de diseño a partir de tu web: fuentes, colores y tono. Todo lo que construye el agente la sigue. 2. **Señala y construye.** En el editor visual señalas un elemento de tu web real y Bixlow crea el selector y el nodo. Pides el cambio al agente o lo ajustas tú. 3. **Compara propuestas.** Cada propuesta de diseño es una variante con su propio borrador. Las revisas en la vista previa antes de publicar. 4. **Decide con datos.** El motor estadístico te dice qué variante convierte mejor. La ganadora pasa a ser la versión base, sin handoff. ## Lo que un diseñador hace con Bixlow Tres piezas para diseñar sobre lo que ve el visitante y saber si tu diseño funciona. ### Editor visual: Sobre tu web real, no sobre una maqueta Trabajas sobre una vista previa de la web en producción. Señalas un elemento y Bixlow construye el selector y el nodo. - Cambios de texto, estilos, clases, imágenes, enlaces y visibilidad. - Biblioteca de imágenes para tus recursos. - Historial de versiones con restauración y autoguardado. ### Skill de marca: La IA diseña con tus reglas La guía de diseño de cada proyecto se genera analizando tu web, para que lo que construye el agente tenga tus fuentes, colores y tono. - Guía de diseño generada automáticamente en cada proyecto. - Skills propias con instrucciones de marca para la IA (Premium). - Snippets: piezas reutilizables con historial. ### Variantes de componentes: Dos propuestas, un veredicto Banners, barras, popups y secciones como componentes HTML, cada propuesta como una variante del mismo test. - A/B y A/B/n, con vista previa de cada variante. - Variantes por dispositivo: diseña la versión móvil aparte. - Veredicto bayesiano en lugar de opiniones. ## El agente construye tu diseño; tú tienes la última palabra Le describes el componente o le das una referencia. Lo construye con tu marca y tú lo afinas. ### Tú decides - El problema de experiencia que hay que resolver. - Las propuestas de diseño que se comparan. - Los detalles: espaciado, jerarquía, microcopy. - Publicar: nada llega a tu web sin tu aprobación. ### El agente hace - Construye los componentes siguiendo la guía de diseño. - Monta cada propuesta como variante del test. - Traduce el contenido en webs multidioma. - Lee el veredicto y propone la siguiente iteración. ### Un test de diseño en Bixlow - **Componente:** Bloque de beneficios bajo el precio - **Variante B:** Iconos con texto corto - **Variante C:** Lista con valoración destacada - **Audiencia:** Móvil - **Métrica principal:** Añadir al carrito ## Bixlow Studio: ¿Necesitas más manos de diseño? Bixlow Studio tiene diseñadores e ingenieros que trabajan sobre tu web con Bixlow, con un estratega revisando cada paso. - Diseño y construcción de componentes complejos a medida. - Variantes de diseño nuevas cada semana, medidas en tu web. - Revisión de resultados con un estratega senior. ## FAQ ### ¿Necesito saber programar? No. El agente construye los componentes y en el editor visual señalas los elementos de tu web. Si sabes HTML y CSS, puedes revisar y editar el código que construye. ### ¿Cómo sabe la IA cuál es mi marca? Cada proyecto genera una guía de diseño analizando tu web: fuentes, colores y tono. En Premium puedes añadir skills propias con instrucciones de marca. ### ¿Los cambios tocan el código de la web? No. Se inyectan en la página al cargar. Al desactivar un workflow, la web vuelve a estar como antes en la siguiente carga. ### ¿Puedo diseñar distinto para móvil y ordenador? Sí. Las audiencias por dispositivo te permiten servir una versión a móvil, otra a tablet y otra a ordenador. ## Tu próximo diseño, medido en tu web Instala el script, abre el editor visual sobre tu web y pide al agente la primera variante.