Plasmic

Plasmic es un constructor visual para la web.

Fundadores

¿Qué es Plasmic?

Plasmic es un constructor visual de UI (interefaz de usuario) para crear componentes de presentación que podrás importar en cualquier base de código React existente. Para desarrolladores y diseñadores.

Se presentan a si mismos como la forma más rápida de construir front-ends complejos.

Plasmic a detectado un problema: los diseñadores invierten mucho tiempo en hacer diseños que posteriormente los desarrolladores deben recrear desde 0 utilizando código, lo que inevitablemente lleva a malentendidos sobre cómo debería hacerse realmente el diseño, el desarrollo, etc.

“Nuestro objetivo es agilizar la colaboración entre diseñadores y desarrolladores.”

Funcionalidades y características de Plasmic

  • Ofrece una gran experiencia de creación, centrándose en la velocidad y simplicidad: El editor se centra por completo en la experiencia del usuario, ofreciéndole una herramienta rápida y potente con información instantánea, controles de diseño optimizados, edición multivista, etc.
  • El panel de diseño es similar al de Figma.
  • Conexión entre el diseño y el código: Una vez generados los componentes de presentación a partir de Plasmic, los desarrolladores pueden darles vida adjuntando lógica de negocio, estado y controladores de eventos. Permite iterar sobre el diseño y actualizar el código generado sin que ninguno de los dos se rompan.
  • Convierte diseños en Figma a código a través del plugin Figma de Plasmic.
  • Dentro de sus principales casos de uso se encuentran:
    - Creación de aplicaciones web: herramientas internas, portales de clientes, SaaS, etc.
    - Creación de sitios web: portfolios, blogs, tiendas en línea, landing pages, etc., etc.
Aprende Gratis

Empieza a aprender No-code en 1 hora

Simple, transparent pricing that grows with you. Try any plan free for 30 days.

Pros y contras de Plasmic

  • Puedes importar un diseño directamente desde Figma con su plugin.
  • Con un click puedes ver tu diseño hecho en Plasmic directamente en código a través de Codesandbox desde el cual podrás editar el código y ver los cambios en el diseño en tiempo real.
  • Si estás familiarizado con Weweb o Flutterflow, te será fácil de utilizarla.
  • Curva de aprendizaje elevada
  • No tiene una comunidad tan amplia como otras herramientas en la que apalancarte para resolver dudas, etc.
  • Está pensado para que trabajes con componentes, lo que se puede hacer complicado al inicio si no estás acostumbrado a trabajar pensando en ellos.

Pricing de Plasmic

Aprende Gratis

Empieza a aprender No-code en 1 hora

Descubre por qué este movimiento genera tanta ilusión en un curso rápido, práctico y en menos de una hora.

Herramientas Relacionadas