Diseñar para transjt

Diseña componentes, no páginas

Importa componentes sueltos, como una sección hero, una cuadrícula de características o un pie de página, en lugar de una página entera. Una página completa se importa como un solo bloque y no se divide en secciones. Los componentes separados se convierten en módulos separados en HubSpot o en bloques en WordPress, que tu equipo puede combinar luego en cualquier página.

Usa Auto Layout

transjt lee el Auto Layout y las restricciones de Figma y los convierte en CSS responsive (Flexbox y Grid). Cuanto más limpio sea tu Auto Layout, mejor será el resultado en tablet y móvil. No necesitas diseñar versiones separadas para móvil y tablet.

Agrupa tus capas

Agrupa los elementos que van juntos, como la imagen, el título y el texto de una tarjeta. Una estructura lógica y coherente ayuda a transjt a reconocer qué es cada parte y a exportarla como un componente limpio.

Añade instrucciones para la IA

Puedes decirle a la IA lo que quieres directamente en el diseño. Escribe la instrucción en un campo de texto del componente y la IA la aplica.

Formularios de varios pasos

Incluye cada paso del formulario en tu diseño y etiquétalos como «Step 1», «Step 2», etc. La IA los combina en un único formulario de varios pasos y lo conecta a tu CMS.

Blogs

En el plugin de Figma, elige el tipo antes de importar:

• Blog para el diseño del listado del blog.
• Blog Detail para el diseño de una entrada individual.

transjt los convierte en plantillas de blog reales con entradas, listados, etiquetas y paginación.

Diseños de Relume y UX Pilot

Los diseños creados con Relume o UX Pilot funcionan igual: llévalos a Figma y después importa los componentes con el plugin de transjt.