El traspaso del 90%: Cómo los diseñadores construyen ahora los sitios web de HubSpot
El traspaso del 90%: Cómo los diseñadores crean sitios web antes de que empiecen los desarrolladores
Herramientas como transjt.ai están difuminando los límites entre diseño y desarrollo, permitiendo a los diseñadores entregar un producto casi terminado.
Durante décadas, hemos aceptado una "gran división" fundamental en la producción web. Por un lado están los diseñadores, que viven en el mundo visual y conceptual de Figma. Por otro lado están los desarrolladores, que viven en el mundo estructural y lógico del código y los sistemas de gestión de contenidos como HubSpot.
El puente entre estos dos mundos siempre ha sido el "traspaso", un proceso notoriamente lento, costoso y plagado de errores de traducción. El diseñador entrega una hermosa imagen de un sitio web y el desarrollador comienza el largo proceso manual de reconstruirlo desde cero en código. Este es el antiguo flujo de trabajo de Figma a HubSpot CMS.
Pero ¿y si la entrega no fuera un plano? ¿Y si fuera una casa prefabricada, terminada en un 90%, a la espera de que se conecten la fontanería y la electricidad?
Una nueva generación de herramientas de IA lo está haciendo realidad y está transformando radicalmente el papel del diseñador.
De visualista a arquitecto
El principal cambio es el siguiente: los diseñadores ya no son meros visualistas; se están convirtiendo en arquitectos.
Antes, un desarrollador veía un archivo Figma y tenía que traducir manualmente cada elemento visual. Escribían el HTML para la estructura, el CSS para los estilos y el HubL para crear los campos personalizados en el CMS HubSpot. Este es el 80-90% del proyecto que consume más tiempo y presupuesto.
Esta es la parte exacta del proceso que herramientas como transjt.ai están automatizando.
transjt.ai es una plataforma basada en IA que entiende ambos idiomas: La lógica del sistema de diseño de Figma (como el diseño automático y los componentes) y la lógica del CMS de HubSpot (módulos, temas y campos editables). Perfecciona la conversión de Figma a HubSpot CMS.
Un diseñador que construye un componente en Figma ya está pensando en la estructura, la capacidad de respuesta y el contenido. Ahora, en lugar de limitarse a documentar esa estructura para un desarrollador, el diseñador puede utilizar una herramienta como transjt.ai para generar directamente esa estructura como un tema HubSpot listo para la producción.
El diseñador ya no se limita a entregar una imagen. Están construyendo la base real y funcional del sitio web. Están preparando el 80-90% de todo el proyecto antes de que un desarrollador siquiera abra su editor de código.
El nuevo "10% de pulido
Este nuevo flujo de trabajo redefine por completo el papel del desarrollador y la naturaleza del traspaso. El proyecto ya no se "tira por la borda" para una compilación completa. En su lugar, se trata de un "pase de testigo" para el 10-20% final del trabajo.
Cuando el diseñador ya ha entregado un tema responsive totalmente codificado, el desarrollador se libera de la parte más tediosa de su trabajo. Su papel se eleva. Ya no son traductores manuales; son especialistas técnicos de alto nivel.
En esta fase final de "pulido" es donde entran en juego las habilidades de alto valor del desarrollador. Ahora se centran en conectar API complejas de terceros, escribir funciones personalizadas sin servidor, integrar el sitio con CRM externos como Salesforce o realizar auditorías de seguridad y rendimiento de nivel empresarial. Se están encargando de las integraciones complejas que la IA no puede, mientras que el diseñador se ha encargado de toda la construcción del front-end.
El poder del "diseñador de pila completa"
Este cambio es increíblemente poderoso para los diseñadores. Por primera vez, la persona con la visión visual tiene verdadero control sobre el producto funcional final. Pueden asegurarse de que su diseño se implementa con un 100% de fidelidad porque son ellos los que construyen los cimientos.
Esto crea un nuevo papel: el "diseñador full-stack". Este es un diseñador que no sólo puede crear una hermosa interfaz de usuario en Figma, sino también, con la ayuda de la IA, construir todo el front-end y la estructura CMS de un sitio web HubSpot.
Esto no es una fantasía del futuro. Está ocurriendo ahora mismo. La brecha entre diseño y desarrollo no sólo se está cerrando, sino que se está borrando. El resultado es un flujo de trabajo que es más rápido, más barato, y produce un mejor producto final, todo por el empoderamiento de los diseñadores para llevar su visión 90% del camino hasta la línea de meta.
Ship custom HubSpot CMS themes up 17x faster
transjt.ai uses AI to generate production-ready HubSpot CMS themes, cutting build time by up to 80–90%—with clean, editable code and brand-safe components.