Plataforma
Blocks: capacidades de un clic para una entrega de software con IA seria
Las partes difíciles de un producto real —pagos, autenticación, datos, IA— llegan como capacidades gobernadas que activas, no como fines de semana que pierdes.
Blocks son las capacidades de un clic de Ciao: pagos, backend, importación de Figma, funciones de IA e integraciones que se instalan en una aplicación como código real y editable. A diferencia de los plugins de marketplace que se acoplan a una plataforma cerrada, un Block se convierte en parte de tu base de código: conectado a tu modelo de datos, cubierto por QA y Guardrails, y de tu propiedad como todo lo demás que genera Ciao.
Publicado 2026-07-03 · Última actualización 2026-07-03
Las partes difíciles, hechas instalables
Todo producto real choca con los mismos muros: necesita cobrar dinero, almacenar datos con seguridad, autenticar usuarios, quizás responder preguntas con IA. Nada de esto es lo que hace que tu producto sea tuyo, pero cada uno puede consumir semanas e introducir exactamente el tipo de bug que no te puedes permitir. En la mayoría de los creadores de apps la respuesta es un marketplace de plugins; el plugin funciona hasta que necesitas que haga algo ligeramente distinto, y entonces descubres que no puedes abrirlo.
Blocks es la respuesta de Ciao: capacidades de un clic —pagos, backend, importación de Figma, funciones de IA, integraciones— que se instalan en tu aplicación como código real y editable, conectado a tu modelo de datos y cubierto por el mismo QA, las mismas pruebas de seguridad y la misma gobernanza que todo lo demás que construyes.
Los blocks
Cinco capacidades cubren la mayor parte de lo que convierte una app en un producto.
Payments
Checkout, suscripciones y recibos con tecnología de Stripe, con modos de prueba y en vivo separados, conectados a tu propia cuenta de Stripe.
Backend
Autenticación, Postgres, almacenamiento de archivos, seguridad a nivel de fila y APIs con tecnología de Supabase: la capa de datos que necesita toda app seria.
Importación de Figma
Trae diseños y conviértelos en pantallas funcionales respaldadas por datos reales, refinadas en Builder.
Funciones de IA
Añade asistentes, resumen, extracción y otras capacidades de IA a tu propio producto, corriendo sobre la escalera de modelos multiproveedor de Ciao.
Integraciones
Conecta los sistemas sobre los que ya funciona tu negocio, con reglas de acceso y visibilidad de auditoría aplicadas.
Cómo funciona añadir un block
Añadir un block es un cambio como cualquier otro, que es precisamente el punto.
1. Añádelo en un clic
Elige el block y Ciao genera el código y la conexión dentro de tu aplicación: componentes, piezas de backend, configuración.
2. Llega como código, en una rama
Un block llega como cualquier cambio: nativo por ramas, revisable, reversible. Nada se acopla fuera de la base de código.
3. Configúralo en lenguaje sencillo
Describe tus productos y precios, tu modelo de datos, tus flujos. El block se adapta a tu aplicación, y no al revés.
4. Los controles aplican
Las réplicas de QA y las pruebas de seguridad cubren la nueva capacidad antes de que pueda publicarse: un flujo de pagos se prueba como un flujo de pagos.
5. Extiéndelo como tu propio código, porque lo es
Inspect-to-prompt en una página de checkout funciona exactamente igual que en cualquier otra pantalla. A los seis meses, el block es simplemente parte de tu producto.
Por qué importa
La diferencia entre un plugin y un block es lo que pasa a los seis meses. Un plugin es un límite: tu personalización termina donde termina su página de ajustes. Un block es un punto de partida: código real en tu repositorio que crece con el producto, y se va contigo si exportas, porque posees el 100% del código.
Los blocks también mantienen honesto el ciclo de entrega. Una capacidad de pagos que se saltara la revisión y las pruebas sería el código más arriesgado de tu aplicación; aquí está cubierta como todo lo demás, y Guardrails trata las áreas que toca como las zonas protegidas que son.
Los blocks también son cómo se multiplica un workspace. La segunda aplicación no empieza de cero: pagos, backend e integraciones son decisiones ya tomadas, probadas y gobernadas una vez, y luego aplicadas de nuevo. Para una agencia, eso es margen; para un equipo interno, es la diferencia entre un backlog de peticiones y una cartera de herramientas publicadas.
Notas de seguridad y gobernanza
- ✓ Los blocks se instalan como código estándar de React, TypeScript y Supabase que posees.
- ✓ Cada block llega en una rama y pasa los mismos controles que los cambios pedidos a mano.
- ✓ Payments se conecta a tu propia cuenta de Stripe: los fondos fluyen hacia ti.
- ✓ Las funciones de IA corren bajo contratos de modelo sin retención, como el resto de la plataforma.
- ✓ Las credenciales de integración se almacenan por entorno, nunca están fijadas en el código generado.
- ✓ Las reglas de acceso y el registro de auditoría de solo adición aplican automáticamente a las capacidades añadidas por un block.
Plugin de marketplace frente a block de Ciao
El modelo de plugin y el modelo de block divergen el día en que necesitas algo que la página de ajustes no ofrece.
| Plugin de marketplace | Block de Ciao | |
|---|---|---|
| Qué obtienes | Un componente sellado con ajustes | Código real en tu aplicación |
| Personalización | Lo que expongan los ajustes | Cualquier cosa: es tu código |
| Pruebas | Confiar en el proveedor | Cubierto por réplicas de QA y pruebas de seguridad |
| Propiedad | Termina con la plataforma | Exportable junto con el resto de tu app |
| Gobernanza | Fuera de tu proceso de revisión | Las mismas políticas de Guardrails que cualquier cambio |
Preguntas frecuentes
¿Los blocks son editables, o están sellados como los plugins?
Editables. Un block genera código real de React, TypeScript y Supabase dentro de tu aplicación, y desde ese momento es tuyo para cambiarlo: en conversación a través de Builder o directamente en el código.
¿Los blocks pasan por revisión y pruebas?
Sí. Un block llega a una rama como cualquier cambio, las políticas de Guardrails aplican a las áreas que toca, y las réplicas de QA y las pruebas de seguridad cubren la nueva capacidad antes de publicar. Pagos y autenticación reciben más escrutinio, no menos.
¿Qué blocks existen?
Payments (con tecnología de Stripe), Backend (con tecnología de Supabase), importación de Figma, funciones de IA e integraciones. Los blocks de Payments, Backend e importación de Figma tienen cada uno una página dedicada con los detalles.
¿Qué pasa con un block si exportamos el código?
Se exporta con todo lo demás. Los blocks son código estándar sin ningún runtime propietario, así que el checkout, el backend y las integraciones siguen funcionando en tu propio repositorio.
¿Cómo empezamos?
En self-serve con créditos: construye la app, añade blocks a medida que el producto los necesite. Los programas de producción serios empiezan en 10.000 USD al año; la página de precios tiene los detalles.