Acceso anticipado · Buscamos testers
Seleccionalo que sea.
Dale formaa todo.
.slogan-line

Hisi es el maquetador visual para WordPress que escribe el HTML y el CSS que escribirías tú a mano, con clases de verdad, colaboración en directo y una IA que construye a tu lado.

Ana
Agente IA
Baja para construir
ClasesVariablesInteraccionesColaboración en directoFormulariosComponentesHTML limpioAgente IA
ClasesVariablesInteraccionesColaboración en directoFormulariosComponentesHTML limpioAgente IA
.card { display: grid }--space-l: 2remfont: var(--type-display)@keyframes risegap: var(--gutter)color: var(--selection)<section class="hero">animation-timeline: view()
.card { display: grid }--space-l: 2remfont: var(--type-display)@keyframes risegap: var(--gutter)color: var(--selection)<section class="hero">animation-timeline: view()
01 · El editor es la web

Lo que ves es lo que se publica.

La mayoría de maquetadores te enseñan una cosa y publican otra. Hisi pinta cada página con dos motores gemelos, uno en el editor y otro en tu servidor, que producen el mismo HTML byte a byte. Se comprueba automáticamente en cada versión, así que nada cambia cuando publicas.

El editor de Hisi con Agencia Zeta, una web hecha con Hisi: el panel de capas y el titular seleccionado, con sus clases y su tipografía.

Agencia Zeta, una web real hecha con Hisi, abierta en el editor.

1 : 1Los mismos bytes en el editor y en la web

Dos motores gemelos, en TypeScript y en PHP, comparados automáticamente.

BorradorNada se publica por accidente

Cada cambio es un borrador hasta que alguien lo publica.

</>HTML como el que escribirías a mano

Secciones, títulos y listas de verdad. Sin sopa de divs.

02 · Todo incluido

Todo lo que pide una web profesional. Nada que sobre.

Sin complementos que comprar ni plugins que encajar. Las herramientas que usas cada día ya están dentro y hablan el mismo idioma: clases y variables.

Un titular de Agencia Zeta seleccionado en Hisi, con sus clases y su tipografía.
01

Primero, las clases

Da estilo a una clase una vez y úsala en toda la web. Nombres que dicen qué es cada cosa, no un montón de estilos sueltos.

Las variables de color de Agencia Zeta en el panel de estilos de Hisi.
02

Variables de diseño

Colores, tipografía, espacios y movimiento como variables con tipo. Cambias un valor y toda la web le sigue.

Una interacción de Agencia Zeta en Hisi: al pasar el ratón, se reproduce la animación «Tambaleo».
03

Movimiento de serie

Interacciones al cargar, al pasar el ratón, al hacer clic y al bajar, y tus propias animaciones por fotogramas. Sin complementos.

Copiado de esta página, tal como la publicó Hisi:
<div class="div proof reveal">
  <span class="text proof-figure">1 : 1</span>
  <span class="text proof-title">Los mismos bytes en el editor y en la web</span>
  <p class="text proof-text">Dos motores gemelos, en TypeScript y en PHP, comparados automáticamente.</p>
</div>
04

HTML limpio y honesto

Secciones, títulos y listas de verdad, con las clases que tú nombraste. El código que escribirías a mano.

Dos personas editando Agencia Zeta a la vez en Hisi; cada selección lleva el nombre de quien la hace.
05

En directo, en equipo

Edita la misma página a la vez que tu equipo y ve el cursor de cada persona. Nada se publica hasta que alguien lo decide.

La bandeja de envíos de Hisi dentro de WordPress, con ejemplos de una copia de prueba de Agencia Zeta.
06

Formularios que funcionan

Formularios de varios pasos, con cada envío guardado en WordPress y avisado en tu correo.

03 · Para proyectos de verdad

Las herramientas que pide un proyecto real.

Una web de cliente necesita algo más que una página bonita. Hisi trae las piezas que usas cada semana, y todas funcionan con las mismas clases y variables.

La biblioteca de componentes de Hisi con una pieza reutilizable de Agencia Zeta, y una copia seleccionada en la página.
Componentes

Hazlo una vez, úsalo en toda la web

Convierte cualquier elemento en un componente reutilizable. Cambia el original y le siguen todas las copias, y cada copia puede llevar sus propios textos, enlaces e imágenes.

Pegando HTML y CSS en Raw Content de Hisi: avisa de cinco elementos y cinco clases y el bloque aparece en la página.
Raw Content · Beta

Pega HTML. Sale Hisi.

Pega HTML y CSS, o suelta un archivo .html, y Hisi lo convierte en sus propios elementos, clases y variables, con un informe de lo que no pudo pasar.

Un bucle de Hisi que repite una fila de Agencia Zeta por cada entrada.
Bucles

Bucles y datos dinámicos

Repite un elemento por cada entrada, categoría, usuario o elemento de menú. Filtra, ordena y pagina, y lleva al diseño títulos, imágenes y campos de ACF.

El panel de plantillas de Hisi: cabecera, pie, entrada, archivo, 404, mantenimiento y próximamente.
Plantillas

Plantillas para toda la web

Cabecera, pie, entradas, archivos, búsqueda, 404, mantenimiento y próximamente, diseñadas en el mismo editor y aplicadas a la web, a un tipo de contenido o a la portada.

La ventana de exportar de Hisi con clases, variables, animaciones, plantillas y componentes.
Exportar e importar

Lleva tu sistema a cualquier web

Mueve clases, variables, animaciones, componentes y plantillas entre webs con un solo archivo. Hisi guarda una copia de seguridad antes de cada importación.

También dentroAcceso por rolesMantenimiento y próximamenteCSS y JS propiosRevisionesAntispam en formulariosPuntos de corte para tableta y móvil
04 · Por qué cambiar

Para quienes ya han superado su maquetador.

Estudiamos foros, reseñas y peticiones de mejora de gente que vive de hacer webs con WordPress. Estas son las quejas que salían una y otra vez.

01
Antes

Los estilos viven en demasiados sitios.

Con Hisi

Todas las clases y variables en un solo sitio, con nombres que significan algo.

02
Antes

El editor enseña una cosa y la web publicada, otra.

Con Hisi

Motores gemelos. El mismo HTML en el editor y en tu web, byte a byte.

03
Antes

Trabajo perdido, y sin forma de guardar sin publicar.

Con Hisi

Cada cambio es un borrador hasta que alguien lo publica.

04
Antes

Las animaciones piden un complemento de pago.

Con Hisi

Interacciones y animaciones por fotogramas, de serie.

05
Antes

Una IA que rompe más de lo que construye.

Con Hisi

Una IA que trabaja como un compañero, pregunta antes de tocar lo compartido y nunca publica.

05 · Tu IA, dentro del editor

Pide una página. Mira cómo se construye.

Conecta Claude, o cualquier asistente que hable MCP, y trabajará en tu página en directo, como un compañero. Ves su cursor y cada cambio que hace, y tú decides qué sale publicado.

Un agente de IA construye una página de servicios para Agencia Zeta en el editor de Hisi, reutilizando las clases de la agencia; pregunta antes de cambiar una clase compartida.

Grabado en Hisi: un agente de IA añade una página de servicios a Agencia Zeta reutilizando las clases de la agencia, y pregunta antes de tocar una compartida.

Edita en directo, como un compañero

Cada cambio llega a tu editor al momento, y puedes descartar lo que no te guste.

Pregunta antes de tocar lo compartido

Las clases del sitio, las variables, las piezas reutilizables y el destino de los formularios esperan tu aprobación.

Nunca publica

La IA no tiene botón de publicar. Lo que sale a la web lo decide siempre una persona.

Esta página la ha construido una IA, con Hisi, sin escribir una sola línea de código.
06 · Acceso anticipado

Sé de los primeros en construir con Hisi.

Abrimos Hisi a un grupo pequeño de gente que vive de hacer webs con WordPress. Como tester tendrás:

Acceso a cada versión, antes que nadie
Línea directa con quienes lo construyen
Voz y voto en lo que construyamos después
Pedir acceso anticipadoTe lleva 30 segundos
Pedro José Reyes Rodríguez, titular de Hisi, usa tus datos para gestionar tu petición de la beta y escribirte sobre ella. Puedes acceder a ellos, corregirlos o borrarlos en support@hisi.io. Más en la Política de privacidad.