plasmic

Plasmic es un constructor visual de código abierto para la web, diseñado para crear aplicaciones, sitios web y contenido rápidamente mientras se integra con una base de código existente. El README lo posiciona como una forma de "romper el techo de bajo código" al permitir a los usuarios arrastrar y soltar sus propios componentes de React y publicar pantallas directamente en aplicaciones existentes. Los casos de uso principales descritos incluyen gestión de contenido (equipos de marketing que ensamblan páginas de aterrizaje a partir de componentes de React registrados en un sitio de Next.js, con salvaguardas de diseño), construcción de aplicaciones (herramientas internas, portales de clientes, software empresarial) y construcción de sitios web en general sin estar atados a una plataforma de comercio electrónico, CMS o hosting específico. Las capacidades clave destacadas: - Registro de componentes de React personalizados arbitrarios para usarlos como bloques de construcción en Plasmic Studio. - Una API sin interfaz más generación opcional de código de React en una base de código. - Interacciones ricas con estado, integraciones de fuentes de datos y backend, y abstracciones como componentes, variantes, ranuras y gestión de estado componible. - Componentes de sistema de diseño sin interfaz personalizables impulsados por react-aria. - Un modo de creador de contenido con edición simplificada y salvaguardas de diseño. - Funciones de colaboración que incluyen multijugador, ramas, importaciones entre proyectos y organizaciones de múltiples espacios de trabajo. - Importación de diseños desde Figma traduciendo su formato de documento vectorial a DOM/CSS. - Generación de código orientada al rendimiento de páginas, generación de sitios estáticos, optimización de imágenes y reducción de cambios de diseño. - Despliegue o exportación a Vercel, Netlify u otros proveedores de hosting. - Autenticación y permisos de usuario final, incluidos RBAC y permisos por usuario. - Una plataforma de código abierto que puede bifurcarse y controlarse. El README muestra un flujo típico de integración de CMS: instalar un paquete de cargador específico del framework (por ejemplo, @plasmicapp/loader-nextjs), opcionalmente registrar componentes de aplicación o sistema de diseño con PLASMIC.registerComponent, añadir marcadores de posición como PlasmicComponent y PlasmicRootProvider en la aplicación, y luego dejar que los no desarrolladores creen páginas o secciones que se integren en la aplicación. Los cambios publicados pueden recogerse mediante webhooks, regeneración estática incremental o obtención dinámica desde el CDN de Plasmic. También señala guías de versionado: los paquetes @plasmicapp dependen de versiones exactas entre sí para mantenerse sincronizados, y los paquetes @plasmicpkgs usan rangos de dependencia de pares. El README recomienda verificar versiones duplicadas o desajustadas con npm list y usar npm dedupe o reinstalar cuando sea necesario. Licencia: el contenido fuera de platform/ es MIT; platform/ es AGPL. Se ofrece soporte comunitario a través de documentación, un foro y una comunidad de Slack.