Draft EN — English version Descargar para Windows

Documentación

Vista previa

Probar tu diseño como si fuera una app.

La Vista previa muestra tu página dentro del marco de un teléfono, una tablet o un escritorio, con su barra de estado. No es una imagen fija: lo que diseñaste responde.

La Vista previa: el panel de inicio dentro del marco de un teléfono, con el botón «Volver a editar» y el selector de teléfono, tablet y escritorio.

Qué responde

  • Los botones van adonde les dijiste: otra página, volver, una hoja inferior o un enlace web.
  • Los interruptores, las casillas y los botones de opción se prenden y se apagan.
  • Los campos de texto escriben; el teclado y el teclado numérico del diseño escriben en el campo que elijas.
  • Los chips se eligen y los deslizadores y contadores se mueven.
  • La tarjeta de pago se da vuelta al tocarla.
  • Las hojas inferiores se abren y se arrastran para cerrarlas.
  • Los bordes animados se mueven, y las micro-interacciones responden al toque, al mouse y a cuando aparece algo.

Cómo usarla

Ábrela desde el editor, toca lo que quieras y usa «Volver a editar» para regresar. Elige teléfono, tablet o escritorio para ver cómo se adapta la página.