Pinegrow Web Editor

Pinegrow Web Editor es una potente herramienta de escritorio para crear sitios web responsivos rápidamente. Ofrece edición multipágina en vivo, estilo CSS y SASS avanzado, y componentes inteligentes para Bootstrap, Foundation, yWordPress.

Tanto si empiezas desde cero como si editas un proyecto existente, Pinegrow proporciona todo lo que necesitas: herramientas de edición HTML, opciones de estilo, compatibilidad con frameworks y una extensa biblioteca de componentes. Crea rápidamente maquetas de páginas usando la biblioteca de elementos, duplica páginas y experimenta con diferentes variaciones de diseño.

Mejora tu flujo de trabajo con SASS y LESS características como variables, expresiones matemáticas y funciones como aclarar y oscurecer. Realiza cambios de diseño globales ajustando solo unas pocas variables, todo en tiempo real.



Ve más allá de las maquetas y conviértelas en páginas web totalmente personalizadas. Aplica estilos CSS visualmente o edita el código directamente. Abre varias páginas que comparten la misma hoja de estilo y observa cómo las actualizaciones de estilo se reflejan al instante en todas las páginas. Previsualiza tus diseños en diferentes tamaños de pantalla para asegurar la capacidad de respuesta.

Pinegrow Web Editor también funciona como un CMS para páginas HTML estáticas. Mueve fácilmente elementos, haz doble clic para editar texto o agrega componentes de Bootstrap como formularios y barras de navegación con un solo clic. Copia y pega el HTML generado en tu proyecto. Usa Git y otras herramientas de control de código fuente para colaborar sin problemas con tu equipo.

Características y aspectos destacados

Acelera el trabajo con HTML
Crea rápidamente el diseño de tu página web con potentes herramientas visuales para agregar, editar, mover, clonar y eliminar elementos HTML. Inserta N elementos con repetidor y modifica el diseño de varios elementos seleccionados con un solo movimiento.

Bootstrap 3 & 4 y Foundation
Convierte cientos de clases de framework en potentes herramientas visuales como diseños con columnas redimensionables, visualización de cuadrícula, controles responsivos para texto, color, espacio, visibilidad e incluso clases flex de Bootstrap. Inserta elementos de una rica biblioteca de componentes.

Edita y prueba tu página en todos los tamaños de dispositivo a la vez
Utiliza la edición multipágina para editar la página en múltiples tamaños de dispositivo. Diseña fácilmente sitios web responsivos con una herramienta de ayuda para consultas de medios. Agrega puntos de interrupción personalizados o deja que la aplicación los detecte analizando las hojas de estilo.

Pinegrow Pro
Te permite acelerar aún más tu trabajo con funciones inteligentes como páginas maestras que te permiten definir plantillas para tu proyecto. Convierte elementos de página en componentes reutilizables con áreas editables personalizadas. Utiliza la herramienta como CMS para sitios web HTML estáticos.

Crea temas de WordPress listos para producción
Abre o crea una página HTML en el Editor web. Agrega acciones de WordPress a los elementos HTML y establece sus parámetros. Exporta el tema de WordPress. La aplicación genera código PHP y divide la página en archivos de tema PHP.

Pinegrow ama el código
La aplicación no te oculta el código. Edita páginas visualmente y a través del código, al mismo tiempo. Los cambios realizados a través de la interfaz de usuario visual se reflejan inmediatamente en la vista de código. Las ediciones de código, incluso si se realizan en el editor de código externo, son inmediatamente visibles en la página y en la interfaz de usuario visual. (Por cierto, esto hace que Pinegrow sea la herramienta perfecta para aprender sobre HTML y CSS).

Crea sitios web rápidamente con bloques
Utiliza la colección de bloques de sitios web prefabricados para crear rápidamente sitios web con un aspecto excelente. Arrastra bloques a la página, personaliza el contenido, dale estilo a las reglas CSS si lo deseas, y tu sitio web estará listo. Incluso puedes crear temas de WordPress totalmente personalizables con bloques.

Edita cualquier página de la web
El programa también te permite abrir cualquier página de la web. Simplemente ingresa la URL y comienza a editar la página remota: cambia el diseño, edita texto e imágenes, modifica las reglas CSS... Esto es ideal para editar CSS de páginas generadas por el servidor y para probar plantillas. Luego guarda los archivos HTML y CSS modificados en tu computadora.

Utiliza Pinegrow junto con tu editor de código favorito
La herramienta encaja perfectamente en tu flujo de trabajo. Úsala junto con tu editor de código favorito (con actualización automática inteligente), sistema de control de código fuente, administrador de paquetes y herramientas de implementación. Utiliza un plugin para Atom para sincronizar en vivo las ediciones con la aplicación.

Edita plantillas HTML PHP, ASP y ERB
Edita visualmente los diseños HTML con etiquetas de código dinámico del lado del servidor. Haz doble clic en cualquier elemento que contenga PHP, ASP o bloques de Ruby on Rails para editar el código.

Cómo usar

• Descarga e instala Pinegrow Web Editor en tu PC
• Abre Pinegrow y crea un nuevo proyecto o abre uno existente
• Arrastra y suelta elementos para diseñar tus páginas web
• Utiliza el editor de código para modificar HTML, CSS y JavaScript
• Utiliza Bootstrap o Tailwind para diseños responsivos
• Previsualiza los cambios en tiempo real dentro del navegador integrado
• Edita varias páginas a la vez para un flujo de trabajo eficiente
• Utiliza páginas maestras para aplicar diseños coherentes
• Integra temas de WordPress y personaliza visualmente
• Guarda y exporta tu proyecto para su implementación

Productos

• Pinegrow Web Editor – Un editor HTML y CSS versátil.
• Vue Designer – Un robusto IDE para aplicaciones Vue.
• Pinegrow Interactions – Herramientas para animaciones e interacciones web avanzadas.
• Pinegrow Web Editor + WordPress Builder – Un editor HTML/CSS con capacidades integradas de creación de temas de WordPress.
• Shop Builder for WooCommerce – Un plugin para crear temas personalizados de WooCommerce.
• Pinegrow Theme Converter – Convierte temas de WordPress de otros creadores de sitios.
• Tailwind Visual Editor – Un editor visual adaptado para proyectos TailwindCSS.
• Pinegrow WordPress Plugin – Permite la creación de temas y bloques directamente dentro de WordPress, sin codificación.
• Pinegrow Snapshots – Captura instantáneas HTML estáticas de sitios dinámicos para prototipado y colaboración.
• HTML Planet for Kids – Una herramienta educativa para que los niños aprendan HTML y CSS de forma interactiva.

Precios

Pinegrow Web Editor PRO – $99/año

Características: Edición HTML/CSS visual y basada en código, Bootstrap, Foundation, edición SASS en vivo, múltiples vistas, compatibilidad con PHP, ASP y ERB, páginas maestras y más.

La licencia permanece activa mientras se paga la suscripción.

Complementos (Opcionales):

Interactions (Gratis): Animaciones, efectos de desplazamiento e interacciones.

Tailwind Visual Editor: +$50/año – Editor visual para Tailwind CSS.

WordPress Builder: +$50/año – Crea temas, plugins y bloques de WordPress sin codificación.

Shop Builder for WooCommerce: +$50/año – Crea tiendas WooCommerce (requiere WordPress Builder).

Requisitos del sistema

• SO: Windows 11 o Windows 10 (64 bits)
• Procesador: Intel Core i3 o equivalente
• RAM: 4 GB (8 GB recomendado)
• Almacenamiento: 1 GB de espacio disponible
• Pantalla: resolución de 1280x768 o superior
• Conexión a Internet para la activación y las actualizaciones

VENTAJAS

• Interfaz intuitiva de arrastrar y soltar
• Admite Bootstrap y Tailwind CSS
• Edición multipágina en tiempo real
• Integración del generador de temas de WordPress
• Sin suscripción, opción de compra única

DESVENTAJAS

• Sin alojamiento o publicación integrados
• Falta de soporte extenso para plugins de terceros
• Plantillas preconstruidas limitadas
• Puede consumir muchos recursos en proyectos grandes

Nota: Versión de prueba de 7 días.

También disponible: Descargar Pinegrow Web Editor para Mac