Regístrate gratis
Google Stitch a HubSpot

Google Stitch a HubSpot — de un prompt a módulos editables.

Google Stitch convierte un prompt en pantallas de alta fidelidad en segundos. transjt convierte esas pantallas en un tema nativo de HubSpot. Copias el diseño a Figma y ejecutas el plugin de transjt, y tu equipo de marketing puede editar módulos HubL reales en lugar de mirar la imagen de una web.

Empieza gratisReserva una demo

Pago tras la vista previa

El editor de páginas de HubSpot con una página de inicio creada con el tema de transjt y sus módulos listados al lado

Con la confianza de agencias, freelancers y equipos de marketing

Cuándo convertir

Cuándo llevar un diseño de Google Stitch a HubSpot

Seis situaciones en las que un borrador de Stitch debería convertirse en una web en HubSpot en lugar de quedarse en prototipo.

  • El borrador de Stitch convenció en la reunión

    Stitch está pensado para pasar rápido de una idea a pantallas convincentes. Cuando el cliente o el equipo da el visto bueno, las pantallas tienen que convertirse en páginas, y una herramienta de prototipado no te lleva tan lejos.

  • Las pantallas están. La web, no.

    Un prompt te da una landing page, una página de precios y un diseño de blog de una sola vez. Convertir cada uno en plantillas y módulos a mano llevaría más tiempo que diseñarlos.

  • Quieres el diseño, no el código descargado

    Stitch puede descargar sus pantallas como HTML y CSS, pero eso es un frontend estático sin nada que el equipo de marketing pueda editar. Copiado a Figma como capas, el mismo diseño se convierte en la fuente a partir de la cual transjt crea el tema.

  • Nadie del equipo escribe HubL

    El lenguaje de plantillas de HubSpot no se usa en ningún otro sitio, y aprenderlo solo para una web no compensa el tiempo. transjt escribe el HubL, así que la conversión no necesita ningún desarrollador de HubSpot.

  • Marketing crea las siguientes páginas por su cuenta

    Como módulos de HubSpot con campos editables, las secciones que diseñó Stitch se convierten en piezas que el equipo de marketing combina para crear páginas nuevas, sin volver al prompt.

  • La web debería estar donde ya está el CRM

    Si gestionas los contactos y el email en HubSpot y haces allí tus informes, un tema nativo pone las páginas en el mismo portal que esos datos, junto a tus formularios, listas y atribución.

Haz cuentas

¿Cuántas secciones diseñó Stitch?

Publica tu web con transjt

Ahorra dinero
$8,100*
Ahorra tiempo
81 horas*10,1 días laborables a mano
Obtén resultados rápido
1,5–⁠3 horas*para todo el tema
Empieza gratis

*Estimación aproximada basada en el tiempo de construcción manual de Figma a HubSpot: unas 4,5 horas por componente a $100 la hora, en jornadas de 8 horas. transjt crea el tema en unas 1,5–3 horas.

Testimonios

Lo que dicen nuestros clientes.

Un hombre en su escritorio, en un estudio de artistaClientes
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%del código final, con un archivo bien estructurado
  • ∞builders de IA desde los que importar, además de Figma
  • 2CMS de destino nativos: HubSpot y WordPress
  • 1 clicpara exportar. Un par de minutos después, el tema está en tu cuenta
Cómo funciona

Lleva un diseño de Google Stitch a HubSpot en cuatro pasos.

De tu diseño de Google Stitch a un tema nativo de HubSpot, pasando por Figma.

  1. Diseña en Google Stitch

    Describe la página, o parte de una web cuyo aspecto te guste, y deja que Stitch genere las pantallas. Itera hasta que el diseño esté bien; toma el primer resultado como un borrador.

  2. Cópialo a Figma

    Envía el diseño a Figma como capas editables. Agrupa las secciones en frames y revisa Auto Layout, porque transjt lee la configuración de Auto Layout para que el tema sea responsive. Más información sobre cómo preparar tu archivo de Figma.

  3. Ejecuta el plugin de transjt

    Selecciona los frames y envíalos a transjt. Convierte cada sección en un módulo de HubSpot con campos editables y te muestra una vista previa en directo antes de exportar nada.

  4. Exporta a HubSpot

    Conecta tu portal una sola vez y exporta. transjt genera un tema nativo en el administrador de diseño; tu equipo crea páginas con sus módulos en el editor de arrastrar y soltar.

Empieza gratisReserva una demo
No solo Google Stitch

¿O lo creaste con un builder de IA?

Todos los builders de IA en una página: IA a HubSpot.

Lo que obtienes

¿Todo listo para convertir tu diseño de Stitch en un tema de HubSpot?

Qué contiene realmente un tema de Google Stitch a HubSpot

Antes de que alguien de marketing pueda cambiar una sola palabra de un diseño de Stitch, HubSpot necesita plantillas y módulos con campos declarados. transjt crea esas plantillas y módulos a partir del archivo de Figma. Cada sección se convierte en un módulo con sus textos, imágenes y enlaces como campos, y los colores y la tipografía pasan a la configuración del tema. El resultado es un tema que puedes leer y revisar.

Todo el flujo de trabajo, paso a paso: Diseña en Google Stitch, exporta a HubSpot. ¿Trabajas con WordPress? Diseña en Google Stitch, exporta a WordPress.

Empieza gratisReserva una demo
Para quién es

Para empresas, agencias y freelancers.

Una empresaria sonriente con una tableta en el luminoso vestíbulo de una oficinaEmpresasGestiona el relanzamiento de tu web con tu equipo interno.Un equipo reunido alrededor de una larga mesa de maderaAgenciasCrea webs perfectas para tus clientes sin ampliar tu equipo.Un diseñador con gafas y gorro rojo trabajando con un portátil en un estudio compartidoFreelancersTómate tu chai latte mientras transjt construye tu proyecto.
Preguntas frecuentes

Google Stitch a HubSpot: preguntas frecuentes.

Qué esperar cuando un diseño de Google Stitch se convierte en un tema de HubSpot.

Reserva una demo

  • No. Stitch exporta a Figma o como código frontend; ninguna de las dos cosas es un tema de HubSpot. transjt toma el diseño en Figma y lo convierte en plantillas y módulos HubL.

  • La exportación de código es un frontend estático hecho de HTML y CSS, sin nada que el equipo de marketing pueda editar. Las capas de Figma conservan la estructura del diseño, que es lo que transjt necesita para crear módulos con campos editables.

  • Un poco. Agrupa las secciones en frames y revisa Auto Layout; eso es lo que hace que el tema sea responsive. Un archivo ordenado se convierte más rápido y necesita menos retoques después.

  • Sí, y para eso se convierte el diseño en lugar de incrustarlo. Los textos, las imágenes y el orden de las secciones se pueden cambiar en el editor de arrastrar y soltar de HubSpot sin tocar el diseño.

  • Subir un tema personalizado requiere un nivel de Content Hub que permita archivos con código personalizado; los niveles Starter lo restringen. Revisa tu nivel antes de definir el alcance del trabajo, porque es el único requisito imprescindible.

  • Una vez que el diseño está en Figma, transjt suele tener listo tu tema de HubSpot en pocas horas, según el número de secciones.

Diseña tu web hoy y lánzala mañana.

En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.

Empieza gratisReserva una demo