Ir para o conteúdo

Uma tela, do início ao fim

Cada ferramenta grava no mesmo documento, então um traço à mão livre, uma instância de componente e um nó de fluxo podem conviver em um quadro e apontar uns para os outros. Tudo abaixo é um único quadro, recortado três vezes.

01desenho

Uma tela infinita que começa em rascunho

Traços à mão livre, texto, imagens e uma biblioteca de formas que vai do retângulo ao nó de decisão — para a parte do trabalho em que três ideias de checkout competem e uma é marcada com um círculo.

  • Ferramentas de traço livre e de caminho vetorial junto com o conjunto completo de formas
  • O estilo desenhado à mão é uma configuração do quadro, então um quadro informal permanece informal para todos que o usam
  • Deslocamento e zoom de 1% a 6400%, com encaixe quando você quiser
PRED
A zona de rascunho do quadro: 'checkout?' marcado com um círculo à mão livre, três notas candidatas com uma riscada, e uma seta rabiscada que elege a vencedorarough 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

Precisão suficiente para entregar

Frames, componentes e instâncias com um painel de propriedades que fornece geometria exata — a ideia escolhida como um frame de 250 de largura, seu botão selecionado em 218 × 44 com as margens medidas no quadro.

  • Componentes reutilizáveis que você pode posicionar como instâncias, trocar ou desvincular
  • Layout automático, alinhar e distribuir, e encaixe na grade
  • Raio de canto por lado, e aritmética em qualquer campo numérico
F
A zona de especificação do quadro: um frame de checkout de uma página, medido, com um botão Pagar selecionado, suas dimensões e margens de 16 pixels desenhadas como medidas de desenho 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 sobrevivem a edições

Formas de fluxograma e conectores que se prendem ao que apontam — o botão Pagar está conectado ao seu fluxo de cobrança-aprovação-nova tentativa, e mover qualquer caixa reajusta as setas em vez de deixá-las órfãs.

  • Os conectores se prendem à borda de uma forma e se reajustam quando ela se move
  • Formas de processo, decisão e terminal para fluxogramas reais
  • Um nó pode apontar para o frame de wireframe que ele descreve, no mesmo quadro
L
A zona de fluxo do quadro: um caminho de pagamento de 'Pagar tocado' passando por cobrança e aprovação até o recibo, com um loop de nova tentativa tracejado e um conector chegando do botão do 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

Experimente cada uma dessas ferramentas em um quadro só seu

grátis para uma pessoa · sem cartão
Abrir um quadro