+

# Herramientas NoCode

A veces la complejidad de aprender a programar y desarrollar, puede ser una de las barreras para que haya más profesionales en el sector.

Sin embargo, en los últimos años un nuevo movimiento ha hecho que el desarrollo de aplicaciones o páginas web deje de ser una tarea que solo pueden realizar desarrolladores o programadores.

El movimiento no-code (no-code movement o movimiento de desarrollo webs y aplicaciones sin código) ha puesto sobre la mesa una alternativa muy interesante para quienes quieren emprender en el mundo digital, pero que no cuentan con los conocimientos en programación necesarios para hacerlo.

El movimiento no code es una filosofía digital cuyo objetivo es permitir a cualquier persona acceder a la creación de apps y softwares sin saber programación.

Es lo que se conoce como programación sin código o programación visual. Es decir, en prescindir de lenguajes de codificación para que la creación sea un proceso más visual y sencillo.


Para poder crear una aplicación sin programar se utilizan diferentes herramientas de desarrollo que ofrecen un entorno visual.

Así los usuarios solo tienen que implementar métodos sencillos para crear su app o web, como por ejemplo agregar componentes con la técnica de arrastrar y soltar (también conocida como drag&drop).

Estas plataformas de desarrollo utilizan interfaces gráficas que permiten que los usuarios puedan ver lo que hacen sin tener que escribir una sólo línea de código, dando el mismo resultado como si estuvieran programando.

El objetivo del no-code es democratizar el desarrollo de apps, al eliminar la necesidad de aprender lenguajes de programación para construir webs, herramientas o productos digitales.

Es importante destacar que la programación sin código no son más que una abstracción del código que permite que este pueda traducirse a un lenguaje no técnico para que sea entendido por más personas.

# Ventajas y desventajas


| Ventajas | Desventajas |
| -------- | -------- |
| **Desarrollo rápido y eficiente**.Ya que gran parte del código viene prediseñado, a excepción de los ajustes de personalización, los desarrolladores se ahorran toda la parte de infraestructura y automatizan tareas manuales que son difíciles y repetitivas. | **Baja personalización.** Los módulos preconstruidos dan muy poca flexibilidad a la hora de personalizar la aplicación. |
| **Disminución de los tiempos de mantenimiento.** Al contar con muy poco código, el mantenimiento también será muy sencillo. |**Mantenimiento.** Los fabricantes de la plataforma low-code llevan a cabo las actualizaciones y cambios sobre las distintas soluciones cuando desean.|
|**Aumento de la productividad.** Al tener más tiempo, los desarrolladores pueden abordar retos más complejos y dedicarse a lo que realmente aporta valor al cliente.|**Desconocimiento del interior de la herramienta.** La diferencia entre crear un software propio y uno low-code es que desconocemos algunas partes del mismo. La falta de control podría causar problemas de seguridad y trazabilidad.|
|**Mayor colaboración entre el equipo de TI y otros equipos.** Al contar con un entorno sencillo de desarrollo, otras áreas de la empresa más afines al desarrollo del negocio pueden dar soporte en el diseño y la creación del software.|**Dependencia**. Al utilizar una herramienta se genera una interdependencia de la misma, lo que puede ser peligroso en caso de que nuestro producto/servicio crezca, ya que pasamos a depender a nivel tecnológico y de negocio de la herramienta.|

## ¿Cuándo utilizar herramientas NoCode?

## Tipos de herramientas - Ciclo de producto

### Diseño

#### Figma
Figma es un editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows


:::success
**Otras herramientas**

- Sketch --> [Link](https://www.sketch.com/)
- Adobe XD --> [Link](https://www.adobe.com/products/xd.html)
:::

### Animación

#### Invision

InVision es una plataforma de diseño para desarrollo con herramientas y funciones integradas que permiten a los individuos y equipos crear prototipos móviles y web de alta fidelidad, colaborar en tiempo real y gestionar sus proyectos con facilidad.


:::success
**Otras herramientas**

- Marvel --> [Link](https://marvelapp.com/)
- Framer --> [Link](https://www.framer.com/)
:::

### Website - Landing Pages

#### Webflow

Webflow es una herramienta visual de diseño web y gestión de contenido (CMS). La principal ventaja de Webflow es su constructor visual, muy completo e intuitivo, que genera automáticamente el código HTML, CSS y Javascript a medida que se va desarrollando el sitio.


:::success
**Otras herramientas**

- Bubble --> [Link](https://bubble.io/)
- Squarespace --> [Link](https://www.squarespace.com/)
:::

### Automatización

#### Zapier

Zapier es un software que hace integraciones entre programas y aplicaciones web, permitiendo la realización de acciones combinadas y el traslado de información entre plataformas.


:::success
**Otras herramientas**

- IFTTT --> [Link](https://ifttt.com/)
- Automate.io --> [Link](https://automate.io/)
:::

### Analítica

#### Google Analytics

Google Analytics es una herramienta de analítica web de la empresa Google. Ofrece información agrupada del tráfico que llega a los sitios web según la audiencia, la adquisición, el comportamiento y las conversiones que se llevan a cabo en el sitio web.


:::success
**Otras herramientas**

- Hotjar --> [Link](https://www.hotjar.com/)
- CrazyEgg --> [Link](https://www.crazyegg.com/)
:::

### Project Management

#### Notion

Notion es una aplicación que proporciona componentes como notas, bases de datos, tableros kanban, wikis, calendarios y recordatorios. Los usuarios pueden conectar estos componentes para crear sus propios sistemas de gestión del conocimiento, toma de notas, gestión de datos, gestión de proyectos, entre otros.


:::success
**Otras herramientas**

- Confluence --> [Link](https://www.atlassian.com/software/confluence)
- Automate.io --> [Link](https://slab.com/)
:::