DocumentaciónPrimeros pasos
Tu primer diseño
Empieza desde la pantalla de Inicio, dibuja un tablero, guárdalo como archivo .de y míralo en Vista previa.
1Empezar desde Inicio
Inicio se abre al arrancar la app. Muestra tus archivos recientes en cuadrícula o en lista y ofrece Nuevo archivo, Abrir archivo, Plantillas, Sistemas de diseño y Plantillas de escena.
El cuadro de prompt de la parte superior crea un diseño a partir de una frase. Elige qué estás haciendo (Página de aterrizaje, App móvil, App web, Diapositivas, Panel u Otra cosa) y un tamaño (Escritorio, Tableta, Móvil o Diapositivas), y descríbelo. El agente integrado lo dibuja en un lienzo nuevo.
Las tarjetas de importación de debajo abren un archivo de Figma, una página web, una captura de pantalla para recrear o un archivo de pen.dev. Cmd+N crea un archivo en blanco mientras se muestra Inicio.
2Dibujar un tablero
- Pulsa
Fpara la herramienta Marco y arrastra en el lienzo. Un marco de nivel superior es un tablero: una pantalla, una sección de página o una diapositiva. - Pulsa
R,OoTpara añadir dentro un rectángulo, una elipse o un texto. - Selecciona una capa y edita su tamaño, relleno, trazo y efectos en el panel de la derecha.
- Activa el diseño automático en el tablero para apilar sus elementos con un espacio y un relleno interior.
3Guardarlo
Cmd+S guarda un archivo .de. Es JSON plano, así que se compara bien en git y los agentes pueden leerlo. Por defecto, las imágenes van en una carpeta hermana <name>.assets/; los agentes también pueden guardar un único archivo con todas las imágenes incrustadas.
No hay guardado automático. Al cerrar una ventana con cambios, la app pregunta si quieres guardarlos.
4Verlo en Vista previa
Pulsa Cmd+P para abrir Vista previa. Elige Teléfono, Escritorio o Lienzo en la parte superior. Los tableros marcados como pantallas se comportan como páginas de un sitio web, con barra de direcciones y botones de atrás y adelante.
5O empieza desde una plantilla
Archivo, Nuevo a partir de una plantilla abre las plantillas de escena integradas: tarjetas, comparativas, diapositivas, infografías, tutoriales y carruseles. Guarda cualquier documento como plantilla propia con Archivo, Guardar como plantilla.
El Centro de prompts reúne prompts listos para pantallas iniciales, apps móviles, páginas web, paneles, componentes y ediciones. Guarda los prompts que reutilizas en Mis prompts.