Únete a la comunidad

Prueba Flowtitude gratis y aprende con contenido Premium.

Cambia de framework CSS en Bricks. Sin romper el proyecto.

Bricks Shift

Un plugin de flowtitude

BricksShift convierte tokens de diseño y clases globales entre los principales frameworks de Bricks Builder — ACSS, Advanced Themer, Core Framework, Tailwind y Bricks Nativo — de forma automatizada, solo con tu supervisión.

El problema

Cambiar de framework en Bricks es un proyecto en sí mismo.

Cada framework CSS tiene su propia lógica de tokens, variables y clases globales. Cuando quieres migrar — ya sea porque el framework que usas cambia, porque adoptas Bricks Nativo, o porque quieres unificar proyectos — no hay una forma automatizada de hacerlo.

El resultado habitual: horas revisando templates uno a uno, CSS roto, valores perdidos y la tentación de reconstruirlo todo desde cero.

Tokens de diseño incompatibles

Cada framework nombra sus
variables de forma diferente. Mapearlas a mano es lento y
propenso a errores.

Clases globales atadas al sistema

Las clases globales de Bricks están pensadas para cada framework. Cambiar de sistema implica rehacerlas todas.

El proyecto se rompe en el proceso

Sin una conversión limpia, el frontend aparece roto mientras dura la migración. No es asumible en producción.

Conversiones disponibles

De tu framework actual
a Bricks Nativo

BricksShift traduce tokens de diseño y clases globales de los principales frameworks de Bricks. La primera conversión está disponible ahora. El resto llegan en versiones próximas.

ACSS
Bricks nativo

Variables de color, tipografía y espaciado de ACSS mapeadas y convertidas a custom properties nativas de Bricks.

● Disponible V1
Advanced Themer
Bricks nativo

Conversión de los tokens de diseño y clases globales generados por Advanced Themer

● Próximamente
Core Framework
Bricks nativo

Migración del sistema de tokens de Core Framework, incluyendo su escala de espaciado y variables tipográficas.

● Próximamente
Tailwind v4
Bricks nativo

Conversión bidireccional entre el sistema @theme de Tailwind v4 y las variables nativas de Bricks.

● Disponible V1
Cómo funciona

Tres sencillos pasos, todo bajo tu supervisión

BricksShift trabaja exclusivamente a nivel de CSS y tokens. Tus templates de Bricks no se modifican — solo cambia la capa de estilos.

1

Escaneo

Analiza los templates de Bricks Builder (_bricks_data) para detectar qué tokens y clases están en uso real — y cuáles son valores personalizados, no defaults.

2

Mapeo

Traduce los tokens entre sistemas respetando siempre los valores reales de tu proyecto. Sin perder personalización. Sin generar CSS basura.

3

Output

Genera las clases globales de Bricks Nativo listas para importar, y opcionalmente el archivo @theme de Tailwind v4. Tu HTML no cambia ni un carácter.

para quien es

Para quien trabaja con Bricks en serio

Si gestionas proyectos reales con Bricks Builder y usas cualquier framework CSS, BricksShift es para ti.

Freelancers

Tienes proyectos con diferentes frameworks. BricksShift te permite estandarizarlos o migrarlos sin dedicar semanas.

Agencias

Gestiona la deuda técnica de tu cartera de clientes. Unifica el stack de frameworks sin afectar a la producción.

usuarios de ACSS, AT y CF

El ecosistema Bricks evoluciona. Cuando quieras actualizar tu sistema de diseño, BricksShift hace el trabajo pesado.

BricksShift

by Flowtitude

Sé el primero en saber cuándo sale.

Apúntate a la lista de espera y recibirás actualizaciones del desarrollo, acceso prioritario a la beta y precio especial de early bird.

Lista BricksShift

Preguntas frecuentes

¿Modifica mis templates de Bricks?

No. BricksShift no toca el HTML de tus templates. Solo trabaja a nivel de CSS y tokens de diseño. Tu contenido queda intacto.

¿Qué pasa con los valores que he personalizado?

BricksShift preserva siempre tus valores reales, no los defaults del framework. El motor de mapeo analiza la configuración activa de tu proyecto y convierte solo lo que tú has definido.

¿Funciona con cualquier instalación de Bricks?

Sí. El escáner lee la estructura interna de Bricks Builder directamente. No necesitas configuración previa ni plugins adicionales más allá del framework que ya usas.

¿Cuándo estará disponible?

Estamos en desarrollo. El objetivo es lanzar la v1 (ACSS → Bricks Nativo) en Q2 2026. Apúntate a la lista para recibir las novedades antes que nadie.

¿Cuánto costará?

El precio está por cerrar. Los de la lista de espera tendrán acceso a precio de early bird antes del lanzamiento público.