Uma tela para todo o seu design.
Tailandês e latim, sem escrever CSS.
O Design Controller dá a um site WordPress um só lugar para o seu design system: fontes, escala tipográfica, cores, espaçamento, formas e estilos de componentes. Mude um valor, veja o site real acompanhar na prévia ao vivo, publique. Nada é gravado no Personalizar, no editor do site ou no seu construtor de páginas; desativar devolve tudo ao lugar.
Obter o Design Controller Pro Versão gratuita no WordPress.org
Por que o Design Controller
Tipografia com o tailandês em primeiro lugar
Cada amostra mostra texto tailandês com as vogais e os tons que quebram primeiro. Orientação de entrelinha para tailandês, uma trava no espaçamento de letras, pareamento tailandês + latim por escrita e um selo “Tailandês ✓” em cada fonte.
Fontes hospedadas por você, sem salto de layout
Escolha uma fonte do Google Fonts ou do Bunny Fonts e ela é baixada uma vez para a biblioteca de fontes do WordPress como woff2, separada para tailandês e latim, com no máximo dois preloads e fontes reserva com métricas ajustadas: o texto nunca pula.
Pegada quase zero
Um estilo inline no wp_head, cerca de 2 KB comprimidos. Zero JavaScript no site público, zero consultas extras ao banco de dados, medido a cada versão.
Prévia ao vivo e edição segura
Três painéis: as seções, uma prévia do seu site real no desktop, tablet ou celular, e os controles. Rascunhos salvos sozinhos, desfazer e refazer, um diálogo de publicação que lista cada mudança e um histórico para restaurar.
Componentes como receitas
Botões, links, campos, cards e menus podem seguir seus tokens nos próprios seletores do tema: ative componente por componente e deixe o resto com o tema.
Design Doctor
Doze verificações com correções seguras e reversíveis: fontes carregadas duas vezes, glifos tailandeses ausentes, contraste abaixo de WCAG AA, texto pequeno demais, valores fixos no CSS adicional, caches obsoletos e mais.
Em ação
Grátis e Pro
Tudo na versão gratuita é completo e nada está bloqueado. O Pro é uma versão separada que adiciona as integrações e as ferramentas de equipe abaixo, suporte prioritário e atualizações automáticas.
| Free | Pro | |
|---|---|---|
| Design tokens: fontes, escala tipográfica, cores, espaçamento, forma, componentes | ✓ | ✓ |
| Prévia ao vivo do site real, salvamento automático, desfazer/refazer, publicar com diff, histórico | ✓ | ✓ |
| Fontes hospedadas por você com subconjuntos tailandês/latim, pareamento e reservas sem CLS | ✓ | ✓ |
| Pontes com o editor de blocos, o WooCommerce e os caches de página | ✓ | ✓ |
| Design Doctor com 12 verificações e correções seguras | ✓ | ✓ |
| Predefinições embutidas, exportação DTCG JSON e CSS, guia de estilo, REST, WP-CLI, hooks | ✓ | ✓ |
| Integração com Flatsome / UX Builder | — | ✓ |
| Integração com Elementor | — | ✓ |
| Guardas de equipe: tokens travados, funções que podem editar | — | ✓ |
| Seus próprios kits de marca (salvar predefinições) | — | ✓ |
| Importação do Tokens Studio (Figma) | — | ✓ |
| Suporte prioritário e atualizações automáticas | — | ✓ |
A versão honesta: se o seu tema lê propriedades CSS personalizadas e você não usa construtor de páginas, a versão gratuita é o produto inteiro. O Pro vale a pena em sites com Flatsome e Elementor, onde as opções do tema e as cores e fontes globais do construtor seguem seus tokens na renderização em vez de serem copiadas à mão, e em equipes onde editores mudam fontes mas nunca a cor da marca travada.
A mesma tabela que o plugin gratuito mostra na aba “Fazer upgrade para o Pro”.
Preços
Vitalícia
- Integração com Flatsome / UX Builder
- Integração com Elementor
- Guardas de equipe: tokens travados, funções que podem editar
- Seus próprios kits de marca (salvar predefinições)
- Importação do Tokens Studio (Figma)
- Suporte prioritário e atualizações automáticas
- Atualizações e suporte para sempre
- Pague uma vez e não pense mais nisso
Em breve