Una pantalla para todo tu diseño.
Tailandés y latín, sin escribir CSS.
Design Controller da a una web WordPress un solo lugar para su sistema de diseño: fuentes, escala tipográfica, colores, espaciado, formas y estilos de componentes. Cambia un valor, mira cómo la web real lo sigue en la vista previa en vivo y publica. No se escribe nada en el Personalizador, el editor del sitio ni tu maquetador: al desactivarlo todo vuelve a su sitio.
Consigue Design Controller Pro Versión gratuita en WordPress.org
Por qué Design Controller
Tipografía pensada para el tailandés
Cada muestra enseña texto tailandés con las vocales y tonos que se rompen primero. Guía de interlineado para tailandés, un freno al espaciado de letras, emparejamiento tailandés + latín por escritura y una insignia «Tailandés ✓» en cada fuente.
Fuentes autoalojadas, sin saltos de diseño
Elige una fuente de Google Fonts o Bunny Fonts y se descarga una vez a la biblioteca de fuentes de WordPress como woff2, dividida para tailandés y latín, con dos precargas como máximo y fuentes de reserva con métricas ajustadas: el texto nunca salta.
Huella casi nula
Un estilo inline en wp_head, unos 2 KB comprimidos. Cero JavaScript en la web pública, cero consultas extra a la base de datos, medido en cada versión.
Vista previa en vivo y edición segura
Tres paneles: las secciones, una vista previa de tu web real en escritorio, tableta o móvil, y los controles. Borradores que se guardan solos, deshacer y rehacer, un diálogo de publicación que lista cada cambio y un historial al que volver.
Componentes como recetas
Botones, enlaces, campos, tarjetas y menús pueden seguir tus tokens en los propios selectores del tema: actívalo componente a componente y deja el resto al tema.
Design Doctor
Doce comprobaciones con arreglos seguros y reversibles: fuentes cargadas dos veces, glifos tailandeses ausentes, contraste por debajo de WCAG AA, texto demasiado pequeño, valores fijos en el CSS adicional, cachés obsoletas y más.
En acción
Gratis y Pro
Todo lo de la versión gratuita está completo y nada está bloqueado. Pro es una versión aparte que añade las integraciones y las herramientas de equipo de abajo, soporte prioritario y actualizaciones automáticas.
| Free | Pro | |
|---|---|---|
| Design tokens: fuentes, escala tipográfica, colores, espaciado, forma, componentes | ✓ | ✓ |
| Vista previa en vivo de la web real, guardado automático, deshacer/rehacer, publicar con diff, historial | ✓ | ✓ |
| Fuentes autoalojadas con subconjuntos tailandés/latín, emparejamiento y reservas sin CLS | ✓ | ✓ |
| Puentes con el editor de bloques, WooCommerce y las cachés de página | ✓ | ✓ |
| Design Doctor con 12 comprobaciones y arreglos seguros | ✓ | ✓ |
| Ajustes preestablecidos, exportación DTCG JSON y CSS, guía de estilo, REST, WP-CLI, hooks | ✓ | ✓ |
| Integración con Flatsome / UX Builder | — | ✓ |
| Integración con Elementor | — | ✓ |
| Barandillas de equipo: tokens bloqueados, roles que pueden editar | — | ✓ |
| Tus propios kits de marca (guardar ajustes) | — | ✓ |
| Importación desde Tokens Studio (Figma) | — | ✓ |
| Soporte prioritario y actualizaciones automáticas | — | ✓ |
La versión honesta: si tu tema lee propiedades CSS personalizadas y no usas maquetador, la versión gratuita es todo el producto. Pro se gana su sitio en webs con Flatsome y Elementor, donde las opciones del tema y los colores y fuentes globales del maquetador siguen tus tokens al renderizar en lugar de copiarse a mano, y en equipos donde los editores cambian fuentes pero nunca el color de marca bloqueado.
La misma tabla que el plugin gratuito muestra en su pestaña «Pasar a Pro».
Precios
De por vida
- Integración con Flatsome / UX Builder
- Integración con Elementor
- Barandillas de equipo: tokens bloqueados, roles que pueden editar
- Tus propios kits de marca (guardar ajustes)
- Importación desde Tokens Studio (Figma)
- Soporte prioritario y actualizaciones automáticas
- Actualizaciones y soporte para siempre
- Paga una vez y olvídate
Disponible pronto