Explorar la documentación

Gráficos y vídeo

Canvas: edita gráficos y presentaciones

Canvas es el editor gráfico de Semurai. Colocas textos, formas, fotos, tablas y gráficos en la página, pides a Dezaina en el chat de IA que cambie el diseño, recoges comentarios de tu equipo y exportas el resultado como imagen, PDF, vídeo MP4 o GIF.

Tu guía
DezainaMarca y creatividad

Empieza un diseño

Los diseños de Canvas están en Creative Studio, junto a los diseños que prepara Dezaina. Empieza uno de cualquiera de estas formas:

  • Un tamaño vacío: en Creative Studio, haz clic en un recuadro de Graphics (Post 4:5, Square 1:1, Story 9:16, Banner 16:9, Ad o A4) o elige un tamaño en New project → Blank graphic in Canvas.
  • Con Dezaina: describe un gráfico para redes sociales, un carrusel o un anuncio en Creative Studio. Cuando la primera versión está lista, se abre en Canvas.
  • Desde una publicación en redes sociales: New graphic in Canvas o Edit image in Canvas en el editor de publicaciones. Cuando termines, Use in post devuelve el gráfico a la publicación.
Los recuadros Graphics de Creative Studio: Post, Square, Story, Carousel, Banner, Ad y A4
Cada recuadro de Graphics abre en Canvas un diseño vacío de ese tamaño.

El editor

El editor Canvas con la publicación del lanzamiento de Ember Roast, la barra de paneles a la izquierda, la barra de inserción bajo la página y la tira de páginas
El diseño en el centro, los paneles a la izquierda y las páginas abajo.
  • La cabecera: el nombre del diseño, el estado de guardado, Save, Undo y Redo. A la derecha: las opciones de vista (reglas, cuadrícula, márgenes de seguridad), Comments, Version history, el menú More y, después, Present, Export y Share.
  • La barra de inserción, bajo la página, añade un texto, una forma, una tabla, un gráfico o una imagen.
  • La tira de páginas, abajo, añade, duplica, renombra, reordena y elimina páginas.
  • Las propiedades se abren a la derecha cuando seleccionas un elemento: texto, aspecto, efectos, posición y orden.
  • Al hacer clic derecho en un elemento tienes copiar y pegar, organizar y alinear, agrupar, bloquear, Add comment, Ask AI y, en las fotos, Remove background y Enhance. ? muestra todos los atajos de teclado.

Paneles

PanelQué contiene
TemplatesPlantillas y composiciones listas.
ElementsTextos, formas, tablas y gráficos.
UploadsTus imágenes y la biblioteca de medios.
PhotosFotos gratuitas de Pixabay.
LayersLos elementos de la página, en orden.
BrandLos logotipos, los colores y las fuentes de tu marca.
FontsFuentes de Google y fuentes de tu marca.
AI chatCambios con Dezaina.
AnimateAnimaciones de páginas y elementos.

Alt + 1 a 9 abren los paneles en este orden.

Plantillas

Busca entre las plantillas o fíltralas por formato. En una página vacía, la plantilla se aplica al momento; en una página con contenido eliges Replace the current page, Add as a new page o Replace all pages. Con un Brand Kit, Apply my brand viste la plantilla con tus colores, tus fuentes y tu logotipo.

El panel Templates con un campo de búsqueda, filtros de formato y vistas previas de plantillas
Plantillas, filtradas por formato.

Capas

Layers muestra los elementos de la página de arriba abajo. Arrastra para cambiar el orden y haz doble clic para renombrar. Bajo la lista defines el color de fondo de la página.

El panel Layers con el titular, la descripción, el botón y la foto de la página
Todos los elementos de la página en una sola lista.

Edita con Dezaina en el chat de IA

  1. Abre el chat de IA

    Haz clic en AI chat en la barra de paneles. En un chat vacío ves ideas como Shorten the texts on this page o Match the colors to the photo.

  2. Describe el cambio

    Escribe qué cambiar con tus propias palabras, por ejemplo haz el titular más grande y el botón en Ember, y pulsa Enter. Para cambiar un solo elemento, selecciónalo primero: el chat muestra a qué se refiere la petición. También puedes usar Ask AI about the selection en la barra de herramientas.

  3. Observa cómo trabaja Dezaina

    Dezaina edita la página en directo: ves su nombre en el elemento que cambia, y la cabecera indica que Dezaina está editando. Al terminar, dice qué cambió y sugiere próximos pasos que puedes enviar con un clic.

  4. Consérvalo o deshazlo

    Cada respuesta se guarda como un cambio de IA en el historial de versiones y se deshace en un solo paso con Undo.

GrabaciónTranscripción
  1. Abre el chat de IA junto al diseño
  2. Describe el cambio con tus propias palabras
  3. Envíalo: Dezaina empieza a editar el diseño
  4. Los cambios aparecen en la página mientras Dezaina trabaja
  5. Dezaina dice qué cambió y sugiere próximos pasos
El chat de IA después del cambio: la petición, la respuesta de Dezaina con 16 cambios aplicados y dos sugerencias, y el diseño con el titular y el botón en Ember
Dezaina informa de lo que cambió y sugiere el siguiente paso.
  • Dezaina también puede generar una imagen o un diseño nuevo, preparar variantes, crear copias en otros tamaños y editar una imagen. Si un diseño nuevo fuera a sustituir una página que ya tiene elementos, pregunta primero: Replace page, Add as a new page o Cancel.
  • More → AI design review puntúa la página de 1 a 5 en legibilidad, jerarquía, composición, imágenes, ajuste a la marca y ajuste al objetivo, y ofrece un Fix para cada problema. La revisión es una guía y no predice los resultados de una campaña.

Comentarios

Abre Comments en la cabecera, escribe en Write a comment… y haz clic en Add. El comentario se fija al elemento seleccionado o al centro de la página y aparece como un marcador numerado. Menciona a personas con @, responde en el hilo y usa Resolve cuando esté cerrado. Open y Resolved cambian entre los hilos.

Comentarios en el diseño: marcadores numerados en el titular y en el botón y dos hilos abiertos en el panel
Cada hilo tiene un marcador en la página.

Exportar

Haz clic en Export, define el nombre del archivo, el formato y, si hay varias páginas, cuáles exportar. Después haz clic en Download.

FormatoOpciones
PNG (best quality)Tamaño de 1× a 3×, fondo transparente.
JPG (smaller file)Tamaño de 1× a 3×, calidad JPG.
PDFTamaño 1× o 2×.
MP4 video (with animations)Full HD 1080 o 720p.
GIF (looping animation)480 o 720 px.
La ventana Export con el nombre del archivo y la lista de formatos abierta: PNG, JPG, PDF, vídeo MP4 y GIF
Elige un formato y después Download o Save to media library.
  • Varias páginas en PNG o JPG se descargan en un solo archivo ZIP.
  • El propietario de un diseño también ve Save to media library, con una carpeta donde guardarlo. En la biblioteca caben archivos de hasta 50 MB.
  • MP4 está disponible cuando tu dispositivo puede codificar vídeo H.264; si no, elige GIF.

Historial de versiones

Canvas guarda automáticamente poco después de cada cambio. Version history (el icono del reloj en la cabecera) muestra las versiones guardadas con una vista previa y el motivo: Autosave, Saved manually, AI change o una versión restaurada. Elige una y haz clic en Restore this version; el estado actual también se queda en el historial.

La ventana Version history con cuatro versiones a la izquierda y la vista previa de la seleccionada con Restore this version
Mira una versión antes de restaurarla.

Compartir

El propietario de un diseño hace clic en Share para:

  • Invite people con una cuenta de Semurai por correo como Can edit, Can comment o Can view. Cambia o retira el acceso en la misma lista.
  • Create a view-only link: cualquiera con el enlace ve el diseño sin iniciar sesión, pero no puede editarlo. Allow downloading the design decide si puede descargarlo. El enlace muestra sus visitas y se puede desactivar con Turn off the link.
La ventana Share con dos personas con acceso y un enlace activo de solo lectura con la descarga permitida
Personas con acceso y un enlace de solo lectura.

Cambiar el tamaño

Abre More → Resize…. Create copies (la opción predeterminada) crea una copia para cada tamaño que elijas; Resize this design cambia este diseño. Elige entre cuadrado, publicación e historia de Instagram, anuncio de Facebook, publicación de LinkedIn, banner ancho, presentación y A4, o introduce tu propio ancho y alto.

La ventana Resize con Create copies, ocho tamaños, el ancho y el alto personalizados y el interruptor Fit elements
Copias en otros tamaños, con los elementos ajustados a cada uno.
  • Fit elements (activado por defecto) escala los elementos y ajusta el texto al nuevo formato. All pages cambia el tamaño de todas las páginas.
  • Las copias llevan el nombre del diseño con (copy) y se abren desde la lista con Open.
  • Para una forma muy distinta, por ejemplo de una historia a un cuadrado, pide a Dezaina en el chat de IA que rehaga la composición.

Presentar

Present muestra el diseño a pantalla completa, página a página. Las flechas, Re Pág, Av Pág y la barra espaciadora cambian de página, Inicio y Fin saltan a la primera y a la última, G muestra todas las páginas, F activa o desactiva la pantalla completa y Esc termina. Las páginas con animaciones las reproducen.

El diseño a pantalla completa con la barra de presentación: página 1 de 2, todas las páginas, pantalla completa y Exit presentation
Modo presentación: mueve el ratón para mostrar los controles.

Siguientes pasos

Tus agentes están listos.
Dales un objetivo.

Empieza con tu sitio web. Semurai aprende tu marca y planifica tu primera semana de contenidos.

  • Plan gratuito para siempre
  • Sin tarjeta de crédito
  • Listo en unos 3 minutos