Studio
Dibuja aquí, renderiza donde sea.
Exporta el documento canónico de Studio o el plano listo para Canvas en un clic, o copia un fragmento de embed fijado a versión directamente del diálogo. Las pruebas golden garantizan que el render coincide con el dibujo.
¿Te suena familiar?
Formatos de exportación que derivan
Un editor cuya exportación el renderizador apenas entiende son dos productos, no uno. La exportación canvas de Studio está en paridad con el renderizador.
Convertir editor a renderizador a mano
Scripts puente entre la herramienta de dibujo y el plano son un impuesto en cada plano. La exportación JSON canvas es el formato nativo del renderizador.
Ansiedad de «¿se renderiza?»
Enterarte en el despliegue es enterarte tarde. validateCanvasChart y fixtures golden lo responden en la exportación.
Un documento, cada destino
01El JSON canónico de StudioexportStudioJson descarga el documento editable completo, tu fuente de verdad para futuras ediciones.
02Exportación lista para CanvasexportCanvasJson produce exactamente lo que consume el renderizador, bloques, objetos, punto focal, plantas.
03Embeds de copiar y pegarEl diálogo de embed genera un fragmento module-script y una variante iframe, fijados a una versión del renderizador.
04Un traspaso tipadogetCanvasChart devuelve el objeto tipado para pipelines programáticos, sin parsear descargas.
05Validación integradavalidateCanvasChart comprueba el payload contra el contrato del renderizador antes de enviarlo.
06Paridad con pruebas goldenLas exportaciones se renderizan contra fixtures canvas en CI. Lo que dibujaste es lo que recibe el comprador.
Del dibujo al despliegue
- 01Dibuja el planoTodo vive en el documento de Studio mientras trabajas.
- 02Exporta ambos mundosJSON de Studio para editar, JSON canvas para renderizar.
- 03Copia el embedEl fragmento del diálogo inserta el plano en vivo en cualquier página.
- 04Confía en la paridadValidación y pruebas golden mantienen dibujo y render idénticos.
Exporta tu primer plano
JSON y embeds, en vivo en la demo.