Saltar al contenido

Un solo lienzo, de principio a fin

Cada herramienta escribe en el mismo documento, así que un trazo a mano alzada, una instancia de componente y un nodo de flujo pueden convivir en un tablero y señalarse entre sí. Todo lo de abajo es un solo tablero, recortado tres veces.

01dibujo

Un lienzo infinito que empieza en bruto

Trazos a mano alzada, texto, imágenes y una biblioteca de formas que va del rectángulo al nodo de decisión — para la parte del trabajo donde compiten tres ideas de checkout y una queda marcada con un círculo.

  • Herramientas de trazo libre y de trayectoria vectorial junto con el juego completo de formas
  • El estilo dibujado a mano es un ajuste del tablero, así que un tablero informal se mantiene informal para todos los que lo usan
  • Desplazamiento y zoom del 1% al 6400%, con ajuste a la cuadrícula cuando lo quieras
PRED
La zona en bruto del tablero: 'checkout?' marcado con un círculo a mano alzada, tres notas candidatas con una tachada, y una flecha garabateada que elige a la ganadorarough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
02interfaces

Precisión suficiente para entregar

Marcos, componentes e instancias con un panel de propiedades que da geometría exacta — la idea elegida como un marco de 250 de ancho, su botón seleccionado a 218 × 44 con los márgenes medidos en el tablero.

  • Componentes reutilizables que puedes colocar como instancias, intercambiar o desvincular
  • Diseño automático, alinear y distribuir, y ajuste a la cuadrícula
  • Radio de esquina por lado, y aritmética en cualquier campo numérico
F
La zona de especificación del tablero: un marco de checkout de una página, medido, con un botón Pagar seleccionado, sus dimensiones y márgenes de 16 píxeles dibujados como medidas de diseño técnicorough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
03diagramas

Diagramas que sobreviven a ser editados

Formas de diagrama de flujo y conectores que se anclan a lo que señalan — el botón Pagar está conectado a su flujo de cobro-aprobación-reintento, y mover cualquier caja reorienta las flechas en lugar de dejarlas huérfanas.

  • Los conectores se anclan al borde de una forma y se reorientan cuando esta se mueve
  • Formas de proceso, decisión y terminal para diagramas de flujo reales
  • Un nodo puede señalar el marco de wireframe que describe, en el mismo tablero
L
La zona de flujo del tablero: un camino de pago desde 'Pagar pulsado' pasando por cobro y aprobación hasta el recibo, con un bucle de reintento discontinuo y un conector que llega desde el botón del wireframerough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun

Prueba cada una de estas herramientas en tu propio tablero

gratis para una persona · sin tarjeta
Abrir un tablero