Saltar al contenido
pando/ docs

Design Studio

Design Studio convierte a Pando en un diseñador visual. Describes lo que quieres, una landing page, un panel de datos, una presentación, y Pando construye una página web de verdad, la mira, critica su propio trabajo y lo rehace hasta que queda bien. Está siempre disponible; no hay nada que activar.

Plantillas de diseño

Qué hace por ti

  • Ficheros reales, en tu proyecto. Cada diseño es una carpeta pequeña con una página web dentro. Puedes subirlo al repositorio, editarlo con cualquier herramienta y revisarlo como cualquier otro cambio. No hay nada escondido.
  • Una vista previa que se abre sola. En el navegador, en la app de escritorio e incluso como enlace en tu editor.
  • Lo ves dibujarse. Cada vez que Pando cambia el diseño, la vista previa se refresca.
  • Versiones. Cada ronda aceptada se guarda, para comparar y volver atrás.
  • Un mismo aspecto para todo. Colores, tipografías y espacios viven en un sistema de diseño compartido, el armario de la marca, y todos los diseños se visten de ahí.
  • Puntos de partida. Recetas listas para landing pages, prototipos, paneles y presentaciones, además de lecturas que enseñan al agente buena tipografía, color y composición, y a no parecer hecho por una máquina.
  • Exportación. Un único fichero web, una imagen o un PDF.

Cómo se vive

Escribes «diseña una landing page para mi herramienta, oscura, con tres tarjetas de características y una tabla de precios». Aparece una vista previa y se va rellenando. Dices «la zona del titular está muy recargada» y cambia delante de ti.

Entre ronda y ronda, un crítico integrado pone nota al resultado: ¿se lee el texto?, ¿los espacios son regulares?, ¿los tamaños siguen una escala?, ¿usa los colores compartidos?, ¿parece genérico? Por debajo del aprobado, Pando lo intenta otra vez antes de molestarte. Diseñador y crítico son el mismo modelo con dos sombreros, así que no hay nada más que configurar.

¿No quieres inventarte un aspecto? Señálale uno que ya exista: tu propio código, una página publicada, una captura o una guía de marca escrita, y Pando extrae colores y tipografías al sistema de diseño.

Cuándo usarlo

  • Necesitas una página o una presentación con aspecto terminado, y rápido.
  • Quieres probar una idea visualmente antes de construirla de verdad.
  • Quieres varios diseños que se note que son del mismo producto.

Hay dos tipos de diseño: web (páginas y prototipos) y deck (diapositivas que se imprimen y exportan bien a PDF).

Conviene saber

  • Los diseños viven en tu carpeta de trabajo, así que quedan guardados dos veces: en el historial de versiones de Pando y en tu propio git.
  • Las vistas previas se pueden compartir en tu red con el interruptor de acceso externo, detrás de tu contraseña.
  • Las vistas previas no se ven dentro de una pestaña de proyecto; abre el proyecto en su propia ventana.
  • Se puede permitir que otros agentes usen las herramientas de diseño de Pando. Viene desactivado y no afecta a Design Studio.

Siguientes pasos