Vibe Coding experience

L’ecosistema de creació digital ha evolucionat durant anys en tres grans corrents: No-Code, Low-Code i Pro-Code. Cadascuna va néixer per resoldre una fricció diferent: accessibilitat, velocitat o control total. El Vibe Coding apareix ara com una quarta experiència que no substitueix les anteriors, sinó que les connecta mitjançant un llenguatge universal: la intenció.

Comparació general i posicionament

No‑code

• Què és: Crear sense codi ni lògica complexa, tot mitjançant interfícies visuals.
• Aporta: Accessibilitat total; qualsevol usuari pot construir alguna cosa útil.
• Limitació: S’esgota ràpid quan el cas requereix personalització, regles complexes o escalabilitat.

Low‑code

• Què és: Crear mitjançant components visuals, però amb capacitat d’estendre, configurar i personalitzar.
• Aporta: Rapidesa, estructura, governabilitat i la possibilitat d’escalar sense necessitat de programar-ho tot.
• Limitació: Tot i que redueix la fricció, continua requerint pensar en termes de construcció, no d’intenció (quadres, botons, pantalles, camps).

Pro‑code

• Què és: Desenvolupament tradicional amb control total del stack.
• Aporta: Flexibilitat absoluta, capacitat per resoldre qualsevol cas o integració.
• Limitació: Lent, especialitzat, dependent de perfils tècnics.

Vibe coding (la nova capa)

• Què és: Crear descrivint intencions, estils, emocions, narratives, comportaments, no components.

• Aporta:
  • Traduïx el llenguatge natural a decisions de disseny, contingut, estructura o lògica.
  • Permet que negoci co-creï artefactes avançats sense necessitat de “pensar en pantalles”, sinó en resultats.
  • Trenca la dependència inicial de l’equip tècnic en la fase més crítica: ideació i prototipatge.
• Limitació: Requereix validació humana; no substitueix el rigor tècnic.

Com encaixa realment en l’ecosistema

El vibe coding no competeix ni substitueix el no-code, low-code o pro-code. És més aviat la capa d’orquestració creativa que accelera i millora el treball previ a la construcció.

Pensa en aquest flux:

1. No-Code capacita usuaris sense coneixements tècnics.
2. Vibe-Code accelera la ideació, el prototipatge i l’exploració d’alternatives descrivint com ha de sentir-se i funcionar una solució.
3. Low-Code formalitza, estructura, refina i governa allò creat, assegurant mantenibilitat i escalabilitat.
4. Pro-Code perfecciona, integra i amplia quan es necessita potència o personalització profunda.

Aquest flux evita que l’empresa s’encalli en el clàssic dilema: o creativitat sense tècnica, o tècnica sense creativitat.

Què aporta exactament el Vibe Coding que no donen les altres capes?

1. Traducció directa del llenguatge de negoci al disseny tècnic preliminar
   • Si el negoci diu “vull una experiència que transmeti urgència i claredat, enfocada en decisions ràpides”, el vibe coding genera layouts, tons i narratives acordes.
   • Ni No-Code ni Low-Code interpreten emocions o intencions. El Vibe Coding sí.
     
2. Alineació immediata amb el resultat desitjat
   • Pro-Code i Low-Code requereixen muntar components per descobrir si alguna cosa funciona.
   
   
3. Amb Vibe Coding, les alternatives s’exploren en minuts.
   
4. Un llenguatge comú per a negoci i desenvolupament
   • El vibe es converteix en un “contracte creatiu”:“Estilo ejecutivo, tono sobrio, narrativa directiva, foco en riesgos y oportunidades”.
   • Després, l’equip tècnic decideix si ho implementa en Low-Code o Pro-Code.
     
5. Acceleració exponencial del prototipatge
   • Un procés que abans requeria 3–4 iteracions de disseny es pot resoldre en 1.
   • El Low-Code comença sempre amb més força si parteix d’un prototip alineat.

El paper del Low-Code dins d’aquest nou model

El Low-Code continua sent essencial, però el seu rol canvia: passa de ser la porta d’entrada a ser la porta de consolidació.

• El Vibe Coding imagina, crea esborranys, proposa estructures.
• El Low-Code pren aquest esborrany i el converteix en real, governable i escalable.
• El Pro-Code completa els casos especials.

D’aquesta manera, el Low-Code es converteix en el punt d’equilibri entre la creativitat ràpida de negoci i la robustesa tècnica final.

La fórmula guanyadora per a organitzacions modernes

La creació digital deixa de ser una escala rígida (No-Code → Low-Code → Pro-Code) i es converteix en un circuit continu, impulsat per IA:

• No-Code per capacitar
• Vibe-Code per accelerar
• Low-Code per consolidar
• Pro-Code per perfeccionar

El resultat: productes més ràpids, més alineats amb el negoci i amb un menor cost cognitiu per a tots els equips.

Aplicació pràctica en el stack de Microsoft:

Power Apps i Power Platform + Copilot

Per aterrar aquest concepte de manera pràctica en el stack de Microsoft, imaginem el desenvolupament d’una aplicació corporativa de “Gestió de Despeses i Viatges d’Urgència”. Aquest cas requereix rapidesa, però també una estètica que transmeti serietat i un control tècnic rigorós.

Escenari: Aplicació d’Aprovacions estratègiques

L’organització necessita una eina on els directius puguin aprovar despeses extraordinàries de manera immediata. No es tracta només d’un formulari, sinó d’una experiència que prioritzi la presa de decisions basada en el retorn de la inversió (ROI).

Matriu d’Execució per Capa

Capa	Eines Microsoft	Acció Clau	Resultat
Vibe-Code	Copilot a Power Apps	Descriure la intenció i el “sentir”	Generació de l’estructura, taules, primera UI i artefactes com automatismes i informes
No-Code	Power Apps Studio (Drag & Drop)	Configuracions visuals i de camps	Interfície funcional i connectada a Dataverse
Low-Code	Power Fx i Power Automate	Lògica de negoci i automatització	Regles de validació i fluxes d’e a’aprobació
Pro-Code	PCF (Power Apps Control Framework)	Extensió tècnica profunda	Components a mida i integració amb ERP

1. Vibe-Coding: La intenció amb Copilot

En lloc de començar creant taules, el procés arrenca al xat de Copilot:

“Crea una app per a aprovacions de viatges d’última hora. La interfície ha de transmetre un estil executiu, minimalista i directe. Necessito que el més important sigui l’impacte del viatge en el negoci i que els camps de cost siguin secundaris. Utilitza un to professional i genera dades d’exemple de vols i hotels.“

Resultat: Copilot interpreta la “vibe” executiva i prioritza els camps de “Justificació de Negoci”. Genera automàticament el model de dades a Dataverse i proposa un disseny net, saltant-se la fase de dibuix de wireframes.

2. No-Code: La configuració visual

Aquí entra l’usuari de negoci o l’analista per refinar el que la IA ha proposat. Utilitzant l’editor visual de Power Apps, s’afegeixen logos de l’empresa, es canvien els colors corporatius i es reordenen les targetes d’informació sense tocar ni una sola línia de lògica. És la fase de “poliment estètic” manual.

3. Low-Code: La consolidació funcional

Com a consultor, aquí és on apliques la intel·ligència del sistema. Utilitzes Power Fx per crear lògica condicional:

• Si la despesa supera un llindar: Color: If(Value(DataCardValue.Text) > 1000, Color.Red, Color.Black).
• Configures un flux a Power Automate que enviï una notificació push a Teams quan es detecti una sol·licitud d’”Alta Prioritat”.

Aquí la solució deixa de ser un prototip “vibe” per convertir-se en una eina governable i estructurada.

4. Pro-Code: El perfeccionament tècnic

Perquè l’app sigui realment professional, l’equip de desenvolupament intervé en els punts crítics on l’estàndard no arriba:

• PCF (Power Apps Component Framework): Crees un component visual a mida en TypeScript que mostri un gràfic de bombolles comparant el ROI esperat amb el cost en temps real.
• SQL e Integración: Crees un Custom Connector que es comuniqui amb l’ERP de l’empresa (com SAP o Dynamics F&O) per verificar el pressupost disponible abans de permetre l’enviament de la sol·licitud.

El resultat final

El flux no ha estat lineal, sinó circular. El Vibe-Code va permetre que el directiu veiés un prototip funcional en 5 minuts que “se sentia” com ell volia. El Low-Code i Pro-Code van assegurar que aquesta idea no es trenqués i complís amb els estàndards de seguretat i dades de la companyia.

Desenvolupa habilitats en Code Vibe, Power Platform i Power Automate per automatitzar processos i gestionar dades de manera més eficient.