🚀 Code2Bricks llega a Bricks (versión nativa dentro del builder)
Hace un tiempo compartí por aquí Code2Bricks, la app web que convierte HTML + CSS + JS en estructura de Bricks. Fue muy bien recibida… y lo mejor es que ahora el creador está trabajando en una versión nativa como plugin, que vive directamente dentro del constructor.
📌 ¿Qué aporta esta versión plugin?
Lo potente no es solo «importar», sino el flujo de trabajo:
- Edición bidireccional en tiempo real: editas el HTML y el canvas se actualiza al instante. Y si cambias cosas en Bricks (elementos, texto, clases), el panel se sincroniza también.
- 3 editores en un panel: HTML / CSS / JS juntos, integrados en el builder.
- Workflow «cero fricción»: por defecto es instantáneo; si quieres, puedes activar sincronización manual o atajos.
No es un importador, es un puente vivo entre código y builder.
🧠 Lo más importante: usa el almacenamiento nativo de Bricks
Esto me parece lo diferencial:
- No crea un sistema paralelo.
- Guarda todo donde Bricks lo guarda (CSS root, clases globales, CSS por elemento, JS en elementos de código…).
- Si desactivas/eliminás el plugin, tu trabajo se queda intacto porque sigue siendo «Bricks estándar».
Puedes probarlo sin miedo: no te «secuestra» el proyecto.
✨ Extras que suenan MUY útiles
- Selección inteligente de CSS (Root / Global Classes / Element Classes) con chips, renombrado, copiar, borrar, etc.
- Modo «pin» para editar un elemento sin perder el foco al navegar por la estructura.
- Generador de clases BEM: te propone estructura de nombres, puedes editarla y aplicarla de golpe (globales o por elemento).
Acelera muchísimo cuando quieres ordenar un diseño rápido y dejarlo bien estructurado.
💰 Modelo y próximos pasos
- La app web seguirá siendo gratis.
- El plugin será de pago.
- Está en fase de pruebas y el autor promete vídeos completos + anunciar precio y fecha pronto.
Pinta a herramienta «pro» para quien mezcla Bricks + código de verdad.
🎆 Notición para empezar 2026: si esto cumple lo que promete, puede convertirse en un imprescindible para quienes trabajamos con Bricks y queremos velocidad sin perder control.
Estpy probando una versión que me ha dejado el desarrollador, asi que pronto contaros más. En principio parece sencillo de usar, lo único es que el panel de css y js pues no tiene mucho uso si no trabajas con clases personalizadas, pero estoy viendo a ver como se gestiona esto y puedo darle el feedback para que pudiéramos personalizar tailwind desde ahi mismo.