Descripción
Cuando un sitio WordPress necesita consistencia visual en todas las páginas sin editar hojas de estilo manualmente, Automatic.css genera clases utilitarias y variables CSS de forma automática a partir de una interfaz de personalización, aplicándolas en tiempo real al front-end. Elimina la repetición de código y garantiza un diseño estandarizado en encabezados, colores, tipografía, espaciados y botones, reduciendo la dependencia del desarrollo personalizado y acelerando la entrega de proyectos.
Características Principales de Automatic.css
- Generación automática de clases utilitarias
Crea clases CSS reutilizables a partir de configuraciones visuales, sin escribir código. - Panel de control de diseño
Ajusta encabezados, pies de página, colores globales y tipografía en una única interfaz. - Variables CSS dinámicas
Genera y aplica variables de estilo en todo el sitio, garantizando consistencia. - Control responsivo integrado
Define breakpoints y espaciados para dispositivos móviles sin CSS adicional. - Integración con constructores visuales
Funciona de forma nativa con editores de páginas, aplicando estilos automáticamente.
Beneficios de Automatic.css
- Agilidad en la personalización
Elimina horas de edición manual de CSS, acelerando la creación de sitios. - Diseño consistente en todo el sitio
Mantiene estándares de colores y tipografía en todas las páginas automáticamente. - Reducción de errores manuales
Evita conflictos de estilo y código duplicado mediante clases estandarizadas. - Curva de aprendizaje reducida
Permite que los principiantes personalicen la apariencia sin conocimientos técnicos avanzados.
¿Para Quién Está Indicado Automatic.css?
- Desarrolladores WordPress que quieren acelerar la aplicación de estilos a temas.
- Agencias digitales que necesitan consistencia visual en múltiples proyectos.
- Usuarios sin conocimientos técnicos que desean personalizar el diseño del sitio sin codificación.
Cómo Descargar Automatic.css
Automatic.css está disponible para descargar aquí en Ultrapack. Después de descargar el archivo .zip, instálelo en Plugins > Añadir nuevo > Subir plugin, seleccione el archivo .zip y actívelo. El panel de configuración estará disponible en el menú de WordPress y podrá comenzar a personalizar el diseño inmediatamente.
Automatic.css transforma la manera en que se aplican estilos a los sitios WordPress, reemplazando la edición manual de CSS por un sistema automatizado que genera clases y variables a partir de una interfaz visual centralizada. Adecuado para agencias que gestionan múltiples proyectos y para usuarios que buscan independencia técnica, el plugin acelera la personalización de encabezados, colores, tipografía y espaciados, manteniendo la consistencia en todo el sitio. Al eliminar la necesidad de escribir código repetitivo, reduce el tiempo de desarrollo y minimiza los errores de estilo.
Preguntas frecuentes
¿El plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders es GPL?
Sí. Automatic.css – The #1 Utility Framework for WordPress Page Builders se distribuye bajo la licencia GPL (GNU General Public License). Puedes usarlo, modificarlo y redistribuirlo legalmente en todos los sitios que quieras.
¿Puedo usar el plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders en más de un sitio?
Sí. Puedes instalar Automatic.css – The #1 Utility Framework for WordPress Page Builders en todos los sitios que quieras. Solo las actualizaciones automáticas con Ultrapack Auto Updater tienen límite: de 3 a 80 sitios, según el plan.
¿Cuánto cuesta el plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders en Ultrapack?
Automatic.css – The #1 Utility Framework for WordPress Page Builders cuesta US$ 2,99 en la compra individual, y también está incluido en los planes de suscripción desde US$12/mes (VIP I).
¿El plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders incluye actualizaciones?
Sí. La versión actual de Automatic.css – The #1 Utility Framework for WordPress Page Builders es la 4.0.1, publicada en Ultrapack el 14/08/2026. Los suscriptores actualizan directamente desde el panel de WordPress con UAU (Ultrapack Auto Updater).
¿Es seguro descargar e instalar el plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders en mi WordPress?
Sí. Cada versión de Automatic.css – The #1 Utility Framework for WordPress Page Builders pasa por un análisis de malware (ClamAV y reglas YARA, en UltraHub) antes de publicarse.
¿Cuáles son los requisitos del plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders?
Requiere WordPress 5.9 o superior y PHP 7.3 o superior. Probado hasta WordPress 6.7.2.
Qué cambió en esta versión
Versión 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
Versión 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
Versión 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
Versión 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
Versión 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 versión publicadas por el desarrollador.
Cómo instalar
Actualización automática: este ítem se actualiza con el Ultrapack Auto Updater. Con él instalado, la versión nueva aparece en tu panel como cualquier otra actualización de WordPress (cómo configurarlo).
- Descarga el archivo
automatic-css.zip. - En el panel de WordPress, ve a Plugins > Añadir nuevo > Subir plugin.
- Selecciona el archivo
automatic-css.zipy haz clic en Instalar ahora. - Haz clic en Activar.
Requisitos: Requiere WordPress 5.9 o superior y PHP 7.3 o superior. Probado hasta WordPress 6.7.2.
¿Te trabaste en algún paso? Abre un ticket diciendo en cuál te detuviste.

UAU Ready