🔮 Del No-code al desarrollo visual
Una reflexión acerca del camino que está cogiendo el mundo del No-code y las aplicaciones reales que está teniendo en el mercado.
En esta edición:
Esta semana profundizaremos en el mundo del desarrollo visual y el futuro del No-code.
🗺️ La situación actual del No-code
📂 El salto hacia Enterprise
⚒️ Construyendo herramientas internas
👀 Desarrollando de manera visual
📲 Construyendo proyectos más allá de Landing Pages y M.V.P.
⭐️ ¿Por qué aprender estas herramientas y no a programar?
👷🏻 El rol del No-code Specialist
👋🏻 ¡Hola! Soy Álex, fundador de NocodeHackers y esta semana te contaré cuál es el movimiento y evolución que estoy viendo en el ecosistema No-code, hacia el desarrollo visual.
🗺️ La situación actual del No-code
Aunque el No-code nació con la promesa de permitir el desarrollo de cualquier aplicación, startup o idea que tengas en la cabeza no siempre es la mejor elección de cara a resolver el problema de nuestro cliente (¡o nuestro!).
Existe un “tradeoff” realmente claro entre herramientas que pretenden hacer fácil la construcción, a cambio de renunciar a una gran personalización tanto de interfaz como de posibilidades a nivel funcional.
Básicamente, si es sencilla de crear, va a estar limitada.
El ejemplo perfecto es Glide, una herramienta con la que es absurdamente sencillo construir aplicaciones con lo que te ofrece, pero en cuanto quieres ir un paso más allá o necesitas algo personalizado se vuelve una tarea imposible, que puede llevarte incluso a descartar el proyecto.
Por otro lado están herramientas como Webflow, WeWeb o Flutterflow que apuestan por un enfoque contrario. Ya no es tan sencillo aprender a usarlas para a cambio ganar en profundidad, personalización y potencial.
📂 El salto hacia Enterprise del No-code
Una de las cosas que la mayoría de herramientas se han dado cuenta es que ir hacia clientes enterprise es mucho más rentable para escalar que dirigirse al cliente final.
Y tiene sentido. Una licencia de una herramienta No-code B2C puede costar entre 20-100€ al mes, mientras que un solo cliente enterprise puede ser fácilmente 1.000-2000€ al mes.
Esto implica dos cosas:
✅ Tienes que resolver un problema de estas empresas 10x mejor que la solución actual que tengan.
✅ Tienes que cumplir con los estándares de seguridad, compliance y rendimiento que este cliente demanda.
Esto es así porque estás apostando por una tecnología que no está tan implantada en el mercado, por lo que la solución debe ser mucho más rápida, ágil sin que a la vez te encuentres atado a un proveedor para un proceso crítico. Además de convencer al CTO, CIO, CSO o las siglas que prefieras de que es la mejor solución.
Además, preparar la tecnología para obtener certificaciones como el SOC2, o desarrollar funcionalidades como la localización de los servidores, tener un staging de pruebas, o poder conectarse a el SSO de estas empresas suponen un gran esfuerzo de desarrollo que no redunda en beneficio para el usuario que solo quiere construir su web en Webflow.
Es por eso que el hueco que están encontrando estas herramientas en este mercado es principalmente dos: Herramientas internas y validación rápida de proyectos.
⚒️ Construyendo herramientas internas: Optimizando los procesos y ahorrando tiempo
Dentro de una compañía existen cientos de procesos que se hacen de manera manual o ineficiente. La razón es sencilla: el equipo técnico no tiene recursos infinitos y tienen que priorizar construir la tecnología o el producto que da el mayor negocio a la compañía.
Esto significa que muchas veces equipos como marketing, recursos humanos o innovación queden a la merced de su propia capacidad para mejorar sus operaciones.
Aquí es donde realmente el No-code viene a solucionar este problema. Permitiendo a estos equipos usando herramientas como Airtable, Smartsheet, Notion, Glide o similares para construir herramientas que les permitan automatizar procesos o tomar mejores decisiones.
Ejemplos pueden ser herramientas para gestionar procesos de selección, procesos de firma de documentos, peticiones de tareas a desarrollar o aplicaciones para que la gente de taller pueda operar de manera más eficiente. El límite es el cielo.
Estas herramientas permiten que sean los propios empleados los que reemplacen el Excel (¡siempre hay un excel!) por aplicaciones con una mejor experiencia de usuario y con procesos automatizados, ahorrando tiempo que puedan dedicar a cosas más importantes dentro de su día a día.
Pero a veces es necesario hacer cosas un poco más complejas. Los requisitos de los equipos pueden ser demasiados para lo que una herramienta como las interfaces de Airtable o Glide pueden dar y necesitas ir un paso más allá.
Es ahí donde entra el mundo del desarrollo visual.
👀 Desarrollando de manera visual
Cuando hablamos de No-code, hablamos de límites. Cuando hablamos de Desarrollo Visual estos límites son prácticamente inexistentes.
Y es que la gran diferencia entre herramientas como Bubble, WeWeb o Flutterflow y otras herramientas como Glide o Adalo es que estas herramientas te permiten desarrollar código de una manera visual.
Su enfoque no es abstraerte tanto del código que no veas una sola línea, si no facilitar la creación de este código de manera visual - lo que se traduce en que gente como yo que se ve frustrado por no saber escribir el código que haga lo que tiene en mente pueda construir.
Literalmente conviertes algo como esto:
<div class="hero">
<div class="home-hero-wrapper">
<div class="global-container">
<h1 class="global-h1 global-margin-bottom-24-v2">Haz de tus ideas una realidad sin programar</h1>
<div class="global-col-6">
<h2 class="home-hero-description">Aprende creando proyectos reales con formaciones prácticas en Español</h2>
</div>
<div>
<a data-location="header" data-trigger="main-button" href="/introduccion-al-no-code" class="global-button global-margin-bottom-24-v2 w-inline-block">
<div class="global-button-label-wrapper">
<p class="global-button-label">Empieza Gratis</p><img src="images/link-arrow.svg" loading="lazy" alt="" class="global-button-label-arrow">
</div>
<p class="global-button-second-label global-opacity-60">Únete a los 10.226 alumnos</p>
</a>
<link rel="prefetch" href="/introduccion-al-no-code">
</div>
</div>
</div>En esto:
Yo no sabría ni donde empezar para hacer cambios dentro de la página si me enseñas el código, pero con Webflow no solo soy capaz de hacer cambios si no de añadir elementos, modificarlos y cambiarlos a mi gusto sin depender de nadie técnico.
Este es uno de los grandes potenciales que tiene el no-code, permitirte construir proyectos con la misma complejidad (esta página podrías “picártela” a mano en código), más rápido y sobre todo mucho más fácil de luego ser modificado por parte de personas que no sean técnicos.
Y esta última frase es la clave del no-code. Empoderas a los equipos no técnicos a que tengan control de las herramientas y puedan hacer cambios de copys, imágenes, añadir nuevas secciones e incluso crear páginas enteras sin depender de una persona técnica.
📲 Construyendo proyectos más allá de Landing Pages y M.V.P.
Se asocia el No-code a esa fase inicial de validación y mientras es probable que sea cierto que es donde está su mayor potencial, las fases iniciales los límites de estas herramientas son realmente amplios.
Tomemos por ejemplo Flutterflow.
Esta herramienta te permite escribir código Flutter de manera visual, pero en realidad lo que está haciendo no es diferente de escribir este mismo código a mano.
De hecho, si llegas a algún limite que no te permita de manera nativa, cuentas con un editor de código que te va a permitir añadir componentes o funciones personalizadas con los que suplir estas carencias.
El backend está construido en Firebase o Supabase, dos alternativas realmente potentes y escalables que te permitirán llegar a miles de usuarios sin ningún tipo de problema.
Y en caso de que decidas que el proyecto necesita escalar a un equipo una vez validado puedes descargar el código y pasárselo al equipo de desarrollo que con cambios menores va a ser capaz de poder utilizarlo.
¿La diferencia? La facilidad de poder hacer modificaciones una vez creada por alguien no técnica y la rapidez con la que puedes crear estas aplicaciones.
Una aplicación que hemos construido en 1 semana en Flutterflow podría llevar perfectamente 4 semanas (con el consecuente incremento de precio) si recurriéramos a una agencia para que nos la hiciera en desarrollo tradicional.
Pero lo mejor es que una vez entregado el proyecto yo puedo hacer cambios a la aplicación sin depender de ellos. Tengo el control del producto y puedo evolucionarlo a nivel visual o de contenido.
Esto es clave para poder enfrentarte a aplicaciones que tengan usos reales dentro de las empresas, ese nivel de personalización a los requerimientos, ya sean funcionales o estéticos permite afrontar proyectos complejos de una manera más sencilla.
Eso sí, a cambio de una mayor curva de aprendizaje. Flutterflow, WeWeb o Bubble no se aprenden en un día, ni en 3 clases de 3 horas. Necesitas meses de dedicación y enfrentarte a proyectos reales.
⭐️ ¿Por qué aprender estas herramientas y no a programar?
Por lo que probablemente te surja la duda de por qué aprender estas herramientas y no directamente a programar.
Y la respuesta es el punto al que quería llegar.
Realmente estás aprendiendo a programar y desarrollar, solo que de manera visual.
Al utilizar herramientas como Airtable, Webflow o similares, abstraes la parte de escritura de código, pero tienes que entender cómo funciona la web o una base de datos relacionales para que puedas hacer proyectos que funcionen.
Lo que hace es reducir esta curva de aprendizaje y permitirte ver resultados de manera mucho más inmediata.
Lo que creas en Webflow lo ves directamente en pantalla, creando una experiencia de aprendizaje realmente rica - aunque no te des cuenta de manera inmediata. Lo pongo con un ejemplo.
Aprender cómo funciona CSS Grid o Flexbox es complejo. Yo lo intenté en un bootcamp que hice en su día y me parecía un horror saber cuál era el justify o align que tenía que escoger para lo que yo quiero.
En Webflow es tan sencillo como pulsar dos botones y ver el resultado en tiempo real. El ciclo de feedback es inmediato. Y eso es una gran manera de aprender.
Además hay una gran parte de la gente que aprende - lo hemos visto formando a más de 100 alumnos en Webflow que prefiere aprender de manera visual. Les es más intuitivo.
Lo mismo sucede con otras herramientas como Softr, Flutterflow o Bubble. El hacer las cosas de manera visual ayuda a asentar y aprender nuevos conceptos de una manera mucho más rápido - sumado a la capa de abstracción que la propia herramienta te ofrece.
No tienes que aprender a crear un servidor para desplegar tu aplicación, simplemente publicas. No tienes que preocuparte de hacer control de versiones y backups, la herramienta lo hace por ti.
Sin embargo, también creo que el No-code puede ser una muy buena puerta de aprendizaje al mundo del desarrollo y que la tendencia natural de un no-coder es poco a poco acercarse al mundo del Low-code o incluso del código para ampliar sus habilidades.
Este perfil, es precisamente el No-code Specialist
✨ No-code Specialist: Ayúdate del No-code para solucionar problemas mucho más rápido
Este rol - como el que nuestros alumnos Fernanda Rojas, Luis Alfonso o Clara Iglesias desempeñan - precisamente ayuda a las empresas a solucionar problemas que tengan en su día a día gracias a su conocimiento del ecosistema No-code.
Conociendo herramientas como Airtable, Make o Glide y teniendo una buena base de gestión de cliente y entendimiento del mundo del producto digital vas a poder resolver problemas de manera mucho más rápida y eficiente, ayudando a mejorar sus procesos internos o construir herramientas que les permitan validar ideas de negocio.
Te conviertes en un perfil muy demandado por departamentos que quieran mejorar su operativa, que en cuanto descubran lo que puedes ayudarle empezarán a pedirte más y más ayuda para gestionar herramientas internas.
Algo que puede parecer sencillo como hacer el control de horas de un equipo para poder extraer métricas de dedicación por proyecto y en base a ello tener la rentabilidad - como hacemos en Mendesaltaren, o construir un CRM personalizado que ayude a una Startup a nacer y gestionar sus primeros (y también segundos y terceros) clientes.
El perfil empieza a tener más y más demanda. Cada semana nos llega una oferta de alguien que busca este perfil, ya sea para trabajo freelance o como persona contratada y creemos que esto no va a parar de crecer.
Es por eso que estamos lanzando nuestra formación de No-code Specialist, para formar a los profesionales que se sientan identificados con lo que hemos escrito en esta lección y que sean capaces de construir aprovechándose del ecosistema No-code.
Aún nos queda alguna plaza (¡pocas!) por lo que si esto te interesa puedes aplicar desde este enlace:
Hasta aquí esta edición en la que profundizamos en el mundo del desarrollo visual y el potencial que vemos dentro del ecosistema. Si te ha gustado, compártela a alguien que le pueda parecer interesante.
Y por supuesto, cualquier feedback o visión que aportes nos ayudará a mejorar este tipo de entregas.
A partir de la semana que viene volverán las noticias del ecosistema no-code.
¡Nos vemos en próximas entregas!