La filosofía de diseño de Faceflow: por qué elegimos construir páginas con “recursos”

Antes de presentar Faceflow, solemos aclarar primero un punto:

Faceflow no es una herramienta para “dibujar páginas”.

Más bien, se trata de un sistema que te ayuda a crear y gestionar recursos, mientras que las páginas son simplemente el resultado de combinar esos recursos en un momento determinado.

Esta idea, por sí sola, define casi por completo la diferencia fundamental entre Faceflow y la mayoría de los constructores visuales de sitios web.

De “page-first” a “resource-first”

En las herramientas tradicionales de creación de sitios web o editores de páginas, la página suele ser el punto de partida de todo.

Creas una página, añades módulos, duplicas contenido y ajustas el diseño. Con el tiempo, cada página se convierte en una entidad independiente: estructuras similares, pero desconectadas entre sí.

Cuando es necesario modificar contenido común, unificar estilos o ajustar estructuras de datos, los costes de mantenimiento aumentan rápidamente.

La intención de diseño original de Faceflow parte precisamente de este problema:

Si las páginas son solo el “resultado”, ¿qué es lo que realmente debería recibir atención?

Nuestra respuesta es: los recursos.

Construir páginas como si fueran bloques LEGO

En Faceflow, no “dibujas páginas” directamente. En su lugar, primero creas recursos reutilizables.

Estos recursos incluyen:

• Variable: variables de datos y fragmentos de contenido reutilizables, capaces de contener texto, estructuras e incluso código PHP, HTML, CSS o JavaScript
• Component: módulos de componentes basados en Tailwind CSS, diseñados para encapsular la interfaz de usuario y la lógica funcional, con soporte para campos personalizados y código frontend
• Layout: el esqueleto estructural de una página, utilizado para definir el diseño general y el contenido común del sitio, como encabezados, pies de página o avisos de cookies
• Form: formularios creados de forma visual junto con sus reglas de validación, utilizados para recopilar y gestionar datos de usuarios

La página en sí no es un objeto de edición aislado, sino una combinación de estos recursos bajo rutas y condiciones de datos específicas.

En otras palabras, las páginas se ensamblan, no se apilan.

¿Puedo usar bien Faceflow si no tengo conocimientos técnicos?

Esta es una pregunta que nos hacen con mucha frecuencia.

La respuesta es sí, y se cumple en ambos casos.

Si no estás familiarizado con tecnologías frontend o backend, no necesitas comprender todos los detalles desde el principio. A través del marketplace oficial, puedes obtener directamente recursos ya construidos: componentes, layouts, formularios e incluso estructuras completas de aplicaciones.

Estos recursos pueden importarse y utilizarse de inmediato. Solo necesitas combinarlos y ajustarlos según tus necesidades para crear páginas y funcionalidades.

Y si tienes formación técnica, Faceflow muestra una cara completamente distinta.

Puedes escribir y extender libremente variables, componentes y layouts, utilizando lo visual como una herramienta de gestión estructural y no como un límite. En este escenario, Faceflow deja de ser una “herramienta de simplificación” y pasa a convertirse poco a poco en tu propio terreno.

No exigimos que todo el mundo lo utilice de la misma forma. Faceflow se parece más a un espacio abierto que permite a usuarios de distintas etapas y perfiles encontrar su propia forma de entrada.

Las páginas son solo combinaciones; los datos son el núcleo

En Faceflow, una Page no es una simple “página estática”.

Está directamente vinculada a los objetos de datos subyacentes y se mantiene coherente con los mecanismos multilingües del sistema, los campos personalizados y las estructuras de datos.

Esto significa que:

• Las páginas pueden admitir múltiples idiomas de forma nativa
• El contenido y la estructura están separados
• Un mismo conjunto de recursos puede servir a diferentes formas de página

Cuando cambian las necesidades del negocio, no estás “editando páginas”, sino ajustando la forma en que se combinan los recursos.

¿Por qué llegar a este nivel de detalle?

La granularidad de Faceflow puede parecer más fina que la de la mayoría de las herramientas visuales.

Es una elección deliberada.

Porque no asumimos que las necesidades de los usuarios sean estables, ni que un proyecto se quede en la fase de “páginas de presentación”.

En escenarios reales, muchos proyectos:

• Comienzan como páginas de contenido
• Luego incorporan formularios e interacciones
• Finalmente evolucionan hacia aplicaciones web completas

Si la estructura de la herramienta está “impulsada por páginas” desde el principio, el sistema se vuelve cada vez más difícil de mantener a medida que aumenta la complejidad.

Faceflow opta por comenzar desde la capa de recursos para que esta evolución sea natural.

La visualización no significa perder el control

En Faceflow, “visual” no es sinónimo de “cerrado”.

Cada tipo de recurso te permite utilizar directamente HTML, CSS, JavaScript e incluso lógica de backend.

La visualización existe para reducir el trabajo repetitivo, no para limitar la expresión.

Puedes empezar con combinaciones sencillas y, cuando sea necesario, profundizar en las capas subyacentes para una personalización total.

Lo que Faceflow quiere resolver nunca ha sido “cómo dibujar páginas”

No buscamos que la creación de páginas sea más llamativa.

Lo que realmente le importa a Faceflow es:

• Que los recursos puedan reutilizarse
• Que las estructuras sean mantenibles a largo plazo
• Que el sistema pueda crecer junto con las necesidades

Cuando las páginas dejan de ser el único centro y pasan a ser solo un resultado más de la combinación de recursos, muchos problemas complejos se vuelven más simples.

Esta es la filosofía de diseño de Faceflow.