Descrição
Quando um site WordPress precisa de consistência visual em todas as páginas sem editar folhas de estilo manualmente, o Automatic.css gera classes utilitárias e variáveis CSS de forma automática a partir de uma interface de personalização, aplicando-as em tempo real ao front-end. Ele elimina a repetição de código e garante um design padronizado em cabeçalhos, cores, tipografia, espaçamentos e botões, reduzindo a dependência de desenvolvimento personalizado e acelerando a entrega de projetos.
Principais Características do Automatic.css
- Geração automática de classes utilitárias
Cria classes CSS reutilizáveis a partir de configurações visuais, sem escrever código. - Painel de controle de design
Ajusta cabeçalhos, rodapés, cores globais e tipografia em uma interface única. - Variáveis CSS dinâmicas
Gera e aplica variáveis de estilo em todo o site, garantindo consistência. - Controle responsivo integrado
Define breakpoints e espaçamentos para dispositivos móveis sem CSS adicional. - Integração com construtores visuais
Funciona nativamente com editores de página, aplicando estilos automaticamente.
Benefícios do Automatic.css
- Agilidade na customização
Elimina horas de edição manual de CSS, acelerando a criação de sites. - Design consistente em todo o site
Mantém padrões de cores e tipografia em todas as páginas automaticamente. - Redução de erros manuais
Evita conflitos de estilo e código duplicado com classes padronizadas. - Curva de aprendizado reduzida
Permite que iniciantes personalizem o visual sem conhecimento técnico aprofundado.
Para Quem o Automatic.css é Indicado?
- Desenvolvedores WordPress que querem acelerar a estilização de temas.
- Agências digitais que precisam de consistência visual em múltiplos projetos.
- Usuários não técnicos que desejam personalizar o design do site sem codificação.
Como Baixar o Automatic.css
O Automatic.css está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, instale em Plugins > Adicionar Novo > Enviar plugin, selecione o .zip e ative. O painel de configurações ficará disponível no menu do WordPress, e você poderá começar a personalizar o design imediatamente.
O Automatic.css transforma a forma como sites WordPress são estilizados, substituindo a edição manual de CSS por um sistema automatizado que gera classes e variáveis a partir de uma interface visual centralizada. Adequado para agências que gerenciam múltiplos projetos e para usuários que buscam independência técnica, o plugin acelera a personalização de cabeçalhos, cores, tipografia e espaçamentos, mantendo a consistência em todo o site. Ao eliminar a necessidade de escrever código repetitivo, ele reduz o tempo de desenvolvimento e minimiza erros de estilo.
Perguntas Frequentes
O plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders é GPL?
Sim. O Automatic.css – The #1 Utility Framework for WordPress Page Builders é distribuído sob a licença GPL (GNU General Public License). Você pode usar, modificar e redistribuir legalmente, em quantos sites quiser.
Posso usar o plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders em mais de um site?
Sim. Você pode instalar o Automatic.css – The #1 Utility Framework for WordPress Page Builders em quantos sites quiser. Só as atualizações automáticas pelo Ultrapack Auto Updater têm limite: de 3 a 80 sites, conforme o plano.
Quanto custa o plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders no Ultrapack?
O Automatic.css – The #1 Utility Framework for WordPress Page Builders sai por R$ 14,90 na compra avulsa, e também está incluído nos planos de assinatura a partir de R$59/mês (VIP I).
O plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders inclui atualizações?
Sim. A versão atual do Automatic.css – The #1 Utility Framework for WordPress Page Builders é a 4.0.1, publicada no Ultrapack em 14/08/2026. Assinantes atualizam direto do painel do WordPress com o UAU (Ultrapack Auto Updater).
O plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders é seguro para baixar e instalar no meu WordPress?
Sim. Cada versão do Automatic.css – The #1 Utility Framework for WordPress Page Builders passa por varredura de malware (ClamAV e regras YARA, no UltraHub) antes de ser publicada.
Quais são os requisitos do plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders?
Requer WordPress 5.9 ou superior e PHP 7.3 ou superior. Testado até o WordPress 6.7.2.
O que mudou nesta versão
Versão 4.0.1
- Manifesto
- Our Team
- Changelog
- Become an Affiliate
- Figma plugin
- Resources
- Documentation
- Videos (YouTube)
- Articles
- Creators
- Community
- Contact Support
- Plans & Pricing
- Main Menu
- Manifesto
- Documentation
- Support Community
- Changelog
- Changelog
- Keep track of what's new with ACSS! For details on specific features and utilities, please check the official documentation .
- August 13, 2026
Versão 4.0.1
- Dashboard
- Hover arrows from color rows no longer float over the header when you scroll.
- The color preview swatch now works for every CSS color, including color-mix, oklch and light-dark values.
- Form Styling
- Fixed a bug where forms silently fell back to WS Form’s default black-and-white styling instead of your ACSS colors, and the floating label lost its background on focus. Form fields, labels, tabs and legends now follow your ACSS tokens again, and changing a base color in the dashboard flows through to all dependent fields — including live preview.
- The Form Styling fields now show the ACSS tokens you already know (–text-dark, –white, –text-m and friends) instead of internal variable names. Values you set yourself are kept exactly as they were.
- Field focus colors now follow your site-wide Focus Color setting (Additional Styling), so a focused field can’t be mistaken for an invalid one on palettes with a red primary.
- New setting: Floating Label Background (Form Styling → Label). Give the floated label its own background color — handy when your field background is translucent or differs from the surface behind the form.
- Other Fixes
- Smooth scrolling now works in Firefox.
- The WordPress Widgets screen no longer throws console errors caused by ACSS.
- 404 pages for URLs under /wp-admin/ are styled correctly again.
- debug.log is no longer written when logging is disabled.
- August 11, 2026
Versão 4.0.0
- Important
- This release includes important security hardening. If you’re running an Automatic.css 4.x prerelease, we recommend upgrading to 4.0.0 as soon as possible. Existing v3 sites should remain on v3 because v4 is not backward compatible.
- Alongside the work completed throughout the prerelease cycle, this release restores ACSS color workflows in Bricks 2.2+, adds the option to disable effects while editing in Bricks and Etch, improves WordPress 7 compatibility, and includes useful refinements throughout the dashboard and generated CSS.
- The changes below are the additions and fixes included specifically in 4.0.0
- Automatic.css 4.0.0 installs as a new plugin
- Automatic.css 4.0.0 installs as a new plugin. Follow our upgrade guide to move from a 4.x prerelease. This is a one-time manual upgrade — future Automatic.css 4 updates will be delivered through your WordPress dashboard.
- The new Disable Effects In Page Builders option keeps effects out of the way while editing in Bricks and Etch
- Transparent color swatches now insert modern color-mix(in oklch, var(--primary) 10%, transparent) values
- Transparent color swatches now insert modern color-mix(in oklch, var(--primary) 10%, transparent) values instead of generated -trans-* variables — all while retaining the utility class names you already use.
- Content grid exclusion styles now use lower specificity, giving you more control and making them easier to override.
- Dashboard help links open the ACSS cheat sheet
- Dashboard help links open the ACSS cheat sheet when available, while documentation, community, and support links now take you to their latest destinations.
- ACSS color workflows are back in Bricks 2.2 and later! Right-clicking Background and Typography color swatches once again inserts ACSS variables directly into the color field.
- Update checks no longer throw a Class not found fatal when malformed transient data requires a new stdClass instance
- Logged entries now render safely in the dashboard, log growth stays bounded, and rotated Activity Log and debug log files remain protected
- August 9, 2026
Versão 3.3.7
- Documentation, community, and support links now take you to their latest destinations.
- In Bricks, ACSS no longer applies content offset spacing to background-video wrappers.
- November 6, 2025
Versão 3.3.6
- Add support for Context Menus and AutoBEM in Bricks v2
- Fix the Color Switcher button for Bricks 2
- Improve handling of max-width on list items
- Fix skip link text color overridden by link color
- Fix margin--none resetting padding instead of margin
- Ribbon fix
- Fix External Link Indication breaking text wrapping in links
- Fix overflow issue with font awesome icons
- Forms: text color of focused input was unreadable (especially for dark forms)
- Forms: added select and multiselect missing style
- Forms: the flag is now centered in the phone field
- April 7, 2025
Notas de versão publicadas pelo desenvolvedor.
Como instalar
Atualização automática: este item é atualizado pelo Ultrapack Auto Updater. Com ele instalado, a versão nova aparece no seu painel como qualquer outra atualização do WordPress (como configurar).
- Baixe o arquivo
automatic-css.zip. - No painel do WordPress, vá em Plugins > Adicionar novo > Enviar plugin.
- Selecione o arquivo
automatic-css.zipe clique em Instalar agora. - Clique em Ativar.
Requisitos: Requer WordPress 5.9 ou superior e PHP 7.3 ou superior. Testado até o WordPress 6.7.2.
Travou em algum passo? Abra um chamado dizendo em qual deles parou.

UAU Ready