Acceder al canvas
Para acceder al canvas, abre el editor de tu app y haz clic en el ícono de Canvas en la barra superior.
Colaborar en el canvas
Varias personas pueden trabajar en el canvas al mismo tiempo. El cursor de cada colaborador aparece como un puntero con nombre al moverse. Los contornos de color muestran qué elementos ha seleccionado cada persona.
Gestionar los marcos de página
Cada página de tu app aparece como un marco en el canvas, mostrando un preview en vivo de esa página.
Mover una página en el canvas
Mover una página en el canvas
Haz clic en el marco para seleccionarlo primero, luego haz clic y arrástralo para moverlo a donde quieras en el canvas.
Cambiar la vista (escritorio, tablet, teléfono)
Cambiar la vista (escritorio, tablet, teléfono)
Cada marco tiene un desplegable de viewport arriba a la derecha en su encabezado. Haz clic para cambiar entre Desktop, Tablet y Phone para ver cómo se ve la página en distintos tamaños de pantalla.
Redimensionar un marco de página
Redimensionar un marco de página
Haz clic en el marco para seleccionarlo. Aparecen tiradores de redimensión en los bordes. Arrastra cualquier tirador para ajustar el ancho y alto del marco.
Refrescar una página
Refrescar una página
Haz clic derecho en el marco y selecciona Refresh para recargar el preview de la página.
Las páginas no se pueden eliminar desde el canvas. Para quitar una página, pide al chat de IA que la elimine por ti.
Usar la barra de herramientas del canvas
La barra de herramientas a la derecha del canvas te da acceso a las herramientas principales.
| Herramienta | Atajo | Qué hace | |
|---|---|---|---|
| Select | V | Selecciona, mueve y redimensiona elementos | |
| Hand | H | Desplázate por el canvas sin seleccionar nada | |
| Draw | D | Dibujo a mano alzada | |
| Sticky note | N | Añade notas adhesivas | |
| Image | I | Añade imágenes |
Notas adhesivas
Las notas adhesivas son la forma principal de dejar ideas, feedback e instrucciones directamente en el canvas.
Añadir una nota adhesiva
Añadir una nota adhesiva
Para añadir una nota adhesiva:
- Haz clic en la herramienta Sticky note en la barra de herramientas o presiona N.
- Haz clic en cualquier parte del canvas para colocar la nota.
- Haz doble clic en la nota para empezar a escribir.
Personalizar tu nota
Personalizar tu nota
Cuando una nota adhesiva está seleccionada, aparece una barra debajo con opciones de formato:
- Color: elige un color de fondo para la nota.
- Aa Familia de fuente: elige entre cuatro estilos: default, handwriting, mono o serif.
- S Tamaño de fuente: Small, Medium, Large o Extra large.
- B Negrita: pon el texto en negrita.
- Lista con viñetas: da formato de lista con viñetas a la nota.
Cambiar el estado de una nota
Cambiar el estado de una nota
Cada nota adhesiva tiene un desplegable Status en la parte superior. Haz clic para definir el estado:
- To do (naranja)
- In progress (azul)
- Done (verde)
Conectar una nota adhesiva a una página
Conectar una nota adhesiva a una página
Conecta una nota adhesiva a un marco de página para mostrar a qué página se refiere.Para conectar una nota adhesiva a una página:
- Pasa el cursor sobre la nota para revelar los tiradores de conexión en sus bordes.
- Arrastra desde un tirador hasta el marco de página al que quieres conectarla.
Enviar una nota al chat de IA
Enviar una nota al chat de IA
Una vez que escribes una nota, puedes enviar su contenido al chat de IA para implementación. Pasa el cursor o selecciona la nota, luego haz clic en Send to chat abajo a la derecha de la nota.
- Si la nota está conectada a un marco de página, la IA aplica el cambio a esa página específica.
- Si la nota no está conectada a una página, la IA decide qué página actualizar según el contenido de la nota.
Dibujos
La herramienta de dibujo te permite esbozar a mano alzada en cualquier parte del canvas.
Dibujar en el canvas
Dibujar en el canvas
Para dibujar en el canvas:
- Haz clic en la herramienta Draw en la barra o presiona D.
- Haz clic y arrastra en el canvas para dibujar.
Personalizar el dibujo
Personalizar el dibujo
Cuando la herramienta de dibujo está activa, puedes personalizarla:
- Color del trazo : Haz clic en el dibujo para abrir el selector de color y elegir tu color, o ingresa un valor hex directamente.
- Grosor del trazo : Haz clic en el dibujo y arrastra el slider para ajustar el grosor de tu trazo.
- Voltear: Haz clic derecho en un dibujo y selecciona Flip horizontal o Flip vertical, o usa los atajos ⇧H y ⇧V.
Imágenes
Puedes añadir imágenes al canvas desde varias fuentes. Las imágenes se ubican en el centro de tu vista actual.
Añadir una imagen
Añadir una imagen
Para añadir una imagen:
- Haz clic en la herramienta Image en la barra o presiona I.
- Elige de dónde obtener la imagen:
- Upload from computer: Selecciona un archivo de tu dispositivo.
- Import from Drive: Elige un archivo de tu Google Drive conectado.
- Add from file library: Elige entre los activos existentes de tu app.
Personalizar una imagen
Personalizar una imagen
Selecciona la imagen para acceder a la barra debajo:
- Replace image: Cambia la imagen por otra.
- Crop: Recorta la imagen.
- Border: Añade o ajusta un borde alrededor de la imagen.
- Flip: Haz clic derecho para voltear la imagen horizontal o verticalmente.
Acciones con clic derecho
Haz clic derecho en cualquier nota adhesiva, dibujo o imagen para abrir su menú contextual. Las siguientes acciones están disponibles:| Acción | Atajo de teclado |
|---|---|
| Cortar | ⌘X |
| Copiar | ⌘C |
| Pegar | ⌘V |
| Pegar para reemplazar | ⇧⌘R |
| Duplicar | ⌘D |
| Eliminar | Delete o Backspace |
| Traer al frente | ] |
| Enviar atrás | [ |
| Voltear horizontal (dibujos e imágenes) | ⇧H |
| Voltear vertical (dibujos e imágenes) | ⇧V |
| Bloquear / Desbloquear | ⇧⌘L |
Añadir flechas
Puedes conectar cualquier par de elementos en el canvas con una flecha para mostrar relaciones, por ejemplo enlazando una nota adhesiva con la página a la que se refiere.
- Pasa el cursor sobre un elemento para revelar los tiradores de conexión en sus bordes.
- Arrastra desde un tirador hasta otro elemento.
Bloquear elementos
Bloquear un elemento evita que alguien lo mueva, redimensione o edite hasta que se desbloquee. Esto ayuda a evitar conflictos cuando varias personas trabajan en el mismo canvas. Puedes bloquear notas adhesivas, dibujos e imágenes.
- Haz clic derecho en el elemento y selecciona Lock o Unlock.
- O selecciona el elemento y presiona ⇧⌘L.
Deshacer y rehacer cambios
Puedes deshacer y rehacer tus ediciones recientes del canvas usando atajos de teclado o los botones de deshacer/rehacer que aparecen en la barra cuando hay historial. Deshacer y rehacer cubren la mayoría de acciones del canvas: crear, mover, redimensionar, editar, eliminar, bloquear y conectar elementos.| Acción | Mac | Windows |
|---|---|---|
| Deshacer | ⌘Z | Ctrl+Z |
| Rehacer | ⇧⌘Z | Ctrl+Shift+Z o Ctrl+Y |
Deshacer y rehacer son personales. Tu historial es independiente del de tus colaboradores, así que deshacer un cambio solo revierte tus propias ediciones, no las suyas. El canvas conserva hasta 50 pasos de historial.
Zoom y navegación
La barra de zoom está abajo a la derecha del canvas.| Control | Atajo | Acción |
|---|---|---|
| Zoom to fit | ⌘1 | Ajusta todo el canvas a la vista |
| − | ⌘- | Reduce zoom un paso |
| Porcentaje | Haz clic para abrir un desplegable con niveles de zoom predefinidos | |
| + | ⌘+ o ⌘= | Aumenta zoom un paso |
| ⌘0 | Restablece al 100% |
Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la versión en inglés.