Cómo usar Canvas en un documento de ReadyTools

Usa Canvas cuando un documento necesite mostrar cómo se conectan las cosas, en lugar de añadir otro párrafo. En ReadyTools, Canvas es un bloque de pizarra visual dentro de una página de Workspace. Añádelo escribiendo /canvas en el editor de bloques o seleccionando Canvas en el menú de inserción de bloques. Después, puedes dibujar, trazar un flujo o crear un diagrama junto al resto del proyecto.

Esta guía explica cómo empezar un tablero, elegir las herramientas adecuadas, convertir una descripción escrita en un diagrama, incorporar recursos del proyecto y compartir o exportar el resultado. ReadyTools Workspace reúne notas, archivos, investigación, colaboración y diagramas en una misma página, para que Canvas permanezca cerca del contexto que ayuda a explicar.

Cuándo usar Canvas en lugar de añadir más texto

El texto funciona bien para explicaciones, decisiones y detalles que deben leerse en orden. Canvas es más útil cuando la posición, la dirección, la agrupación o las relaciones transmiten significado. Una arquitectura de sistemas, el recorrido de un usuario, un boceto de interfaz o un mapa de ideas pueden entenderse mejor como objetos conectados en un tablero.

Canvas no tiene por qué sustituir la parte escrita de un documento. Una página práctica puede explicar una decisión de diseño con texto, colocar al lado un diagrama de flujo y mantener la investigación o los archivos relacionados en la misma página. Usa el texto para explicar el razonamiento y Canvas para mostrar la estructura visual.

Añadir un bloque Canvas a una página de Workspace

1. Abre en el editor de ReadyTools Workspace la página donde quieres incluir el elemento visual.
2. Elige dónde insertarlo y escribe /canvas en el editor de bloques, o selecciona Canvas en el menú de inserción de bloques.
3. Empieza a añadir formas, notas, bocetos o conectores para construir el tablero en torno a la pregunta o el proceso que necesitas explicar.

Empezar desde la página pertinente ayuda a mantener el elemento visual conectado con las notas y los materiales que lo respaldan. Por ejemplo, una página de proyecto puede reunir los objetivos escritos, un Canvas que muestre el flujo de usuario previsto y los archivos relacionados, en lugar de dispersarlos en herramientas distintas.

Construir el tablero con formas, bocetos y conectores

Canvas permite dibujar a mano alzada y usar formas geométricas, como rectángulos, rectángulos redondeados, rombos, triángulos, cápsulas, elipses y notas adhesivas. Usa trazos a mano alzada para plasmar ideas preliminares o añadir anotaciones. Elige una forma cuando el elemento necesite un aspecto uniforme, como un paso de un proceso, una decisión o un componente.

Los conectores pueden ser rectos, en ángulo o curvos, y permiten configurar puntas de flecha y bordes discontinuos. Estas opciones ayudan a diferenciar distintos tipos de relación. Por ejemplo, una flecha puede indicar la dirección del recorrido de un usuario, mientras que un conector discontinuo puede señalar una relación opcional o aún en debate. Aplica estas convenciones de manera coherente para que nadie tenga que adivinar qué significa cada línea.

Para crear diagramas más ordenados, Canvas incluye ajuste de objetos, guías de alineación automáticas, herramientas para distribuir elementos y opciones para organizar el diseño. Resultan útiles cuando un tablero preliminar empieza a crecer: alinea los elementos relacionados, espacia uniformemente los pasos repetidos y organiza los grupos para que las líneas cruzadas y los espacios irregulares no oculten la estructura.

Elegir un fondo adecuado para el trabajo

Canvas puede usar el gris de Canvas de ReadyTools, una matriz de puntos, una cuadrícula, papel en blanco o un fondo transparente. La cuadrícula o la matriz de puntos pueden ayudar a colocar componentes o dibujar diseños; el papel en blanco puede mantener despejado un mapa conceptual sencillo. Canvas también adopta el modo claro u oscuro configurado en toda la aplicación.

Convertir una descripción en un diagrama editable con Lara

Para crear un diagrama de flujo u otra estructura de flujo compatible, describe el diagrama en lenguaje natural mediante el cuadro de diálogo Texto a diagrama. Canvas se integra con Lara AI, que genera progresivamente una estructura de diagrama de flujo Mermaid que Canvas convierte en elementos de diagrama nativos y editables. Así obtienes un primer borrador útil que puedes perfeccionar en el tablero, en lugar de una imagen estática que no se puede modificar.

En una instrucción puedes describir la secuencia y las bifurcaciones importantes, como el recorrido de un usuario con una visita inicial, una decisión sobre el registro y rutas distintas para quienes completan o abandonan el proceso. Para un boceto de arquitectura, indica los componentes y las conexiones importantes. Definir las relaciones con precisión facilita revisar la estructura resultante, pero aun así debes comprobar el diagrama generado con respecto al diseño previsto antes de compartirlo.

Usa Lara para crear una estructura inicial y luego edita el diagrama para reflejar las decisiones, la terminología y las excepciones reales del proyecto. La función Texto a diagrama está pensada para crear estructuras de diagramas de flujo; para una lluvia de ideas libre, notas visuales o un diseño poco convencional, puede ser más adecuado dibujar y organizar los objetos directamente.

Añadir archivos y contenido multimedia interactivo al tablero

Si un recurso pertinente está guardado en ReadyTools Vault, abre Vault desde la barra de herramientas de Canvas e insértalo directamente en el tablero. Las imágenes se pueden mostrar con controles de relación de aspecto. El audio aparece con un reproductor integrado, los vídeos con controles de reproducción y los archivos PDF en marcos de visualización interactivos. Los archivos de código y otros adjuntos aparecen como tarjetas interactivas con opciones de descarga.

Canvas también admite inserciones inteligentes al pegar. Al pegar contenido multimedia o enlaces de plataformas compatibles en el tablero, puedes convertirlos en elementos interactivos insertados. Entre los servicios compatibles están YouTube, Spotify, Apple Music, Vimeo, Loom y Figma, además de marcos web generales. Esto puede resultar útil en una página de investigación o diseño donde un vídeo, un prototipo o una referencia deba estar junto al diagrama que complementa.

Procura que cada elemento insertado tenga un propósito. Un tablero abarrotado de material de referencia puede resultar más difícil de leer que la página que pretende aclarar. Coloca cada elemento relevante cerca de la parte del gráfico que explica y conserva la información de contexto más amplia en el resto del documento cuando así resulte más claro.

Colaborar en Canvas

Canvas permite colaborar en tiempo real, de modo que varias personas pueden trabajar en el mismo elemento visual y ver los cambios sincronizados. Es ideal para actividades como revisar un diagrama de arquitectura o trazar un proceso compartido. Como en cualquier tablero colaborativo, acuerden qué significan las formas y los conectores antes de que un diagrama complejo crezca demasiado. Las etiquetas claras y las convenciones coherentes facilitan la interpretación de las ediciones simultáneas.

Como Canvas es un bloque dentro de Workspace, puede situarse junto a las notas, los archivos, los comentarios y las decisiones que dan contexto a un diagrama. ReadyTools Workspace también permite colaborar en documentos, añadir comentarios y configurar controles de acceso, lo que ayuda a mantener el debate vinculado a la página, en vez de separado del elemento visual.

Usar un lápiz óptico y exportar el resultado

Canvas incluye un modo específico para lápiz óptico: permite dibujar con un lápiz o un Apple Pencil y, al mismo tiempo, usar el tacto o el ratón para navegar o mover objetos. Esta separación resulta útil al dibujar en un dispositivo táctil: el lápiz puede marcar el tablero sin que cada contacto se interprete como un trazo.

Cuando el diagrama esté listo para utilizarse en otro lugar, puedes exportar todo el lienzo, el marco activo o una región seleccionada. Los formatos disponibles incluyen PNG de alta resolución a 2x, SVG vectorial o un archivo de escena completo. Las exportaciones PNG pueden tener un fondo transparente o sólido. Elige el alcance de la exportación según el destino: una región seleccionada puede centrar la atención en un flujo, mientras que el lienzo completo conserva el mapa general.

Decisiones y limitaciones habituales que conviene tener en cuenta

¿Canvas o un bloque de texto?

Usa un bloque de texto cuando la información sea principalmente explicativa o deba leerse en un orden concreto. Usa Canvas cuando el lector necesite ver relaciones espaciales, bifurcaciones o agrupaciones. Muchas páginas de proyecto se benefician de ambos: el diagrama muestra la estructura del problema y el texto cercano explica por qué se tomó una decisión.

¿Dibujo manual o Texto a diagrama?

El dibujo manual ofrece control directo sobre diseños libres, anotaciones y exploración visual. Texto a diagrama puede generar una estructura de diagrama de flujo editable a partir de una descripción en lenguaje natural. Elige el método que mejor se adapte a la tarea y revisa las estructuras generadas para detectar pasos omitidos o relaciones incorrectas.

¿Un tablero grande o varios diagramas específicos?

Un tablero amplio puede mostrar cómo encaja un sistema completo, pero demasiados componentes y conectores pueden dificultar el seguimiento de cada recorrido. Divide la explicación en elementos visuales más específicos cuando al lector le cueste seguir una secuencia concreta. La página de Workspace puede ofrecer el contexto general y conectar esos elementos visuales con las notas de apoyo.

Disponibilidad del bloque Canvas

Canvas se gestiona mediante el sistema de capacidad de bloques pesados de Workspace. La información del producto describe límites generosos en los planes Free y Go y bloques pesados ilimitados en los planes Plus y Max, y señala que todos los planes permiten usar Canvas gratis. Si una página contiene muchos bloques pesados, ten en cuenta este modelo de capacidad al planificar su estructura.

Para crear tu primer tablero, elige una pregunta que quieras responder, añade Canvas con /canvas e incluye solo las formas, etiquetas y conexiones necesarias para hacer visible la respuesta. Después, deja cerca la explicación y el material relacionado con el proyecto en ReadyTools Workspace.