Figma para wireframing
Faça wireframes com qualquer fidelidade e com facilidade
Visualize suas ideias como wireframes e compartilhe-as com outras pessoas para que possam colaborar e alinhar fluxos e layouts, juntos.
![Uma representação gráfica de uma grande forma verde com componentes de wireframe flutuando em torno dela.](https://cdn.sanity.io/images/599r6htc/regionalized/4da19de4d5fd57e7f88845c165e2cddcb41750e1-1080x1080.png?w=540&h=540&q=75&fit=max&auto=format)
Equipes que confiam no Figma
Coloque suas ideias no papel
O Figma facilita transformar suas ideias em wireframes (não importa a fidelidade) com rapidez e clareza.
![Um fluxograma no FigJam representando um fluxo de criação de conta e login.](https://cdn.sanity.io/images/599r6htc/regionalized/4a9d0c05460ec45895ac5f029b9ca790a5c083d7-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Wireframing na velocidade do pensamento
Descreva ideias iniciais esboçando conceitos e fluxos no FigJam — seja no desktop ou iPad.
![Dois cursores de colegas de equipe colaborando em wireframes móveis em preto e branco.](https://cdn.sanity.io/images/599r6htc/regionalized/2779437410638c8c132a5270992951a848439b49-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Crie wireframes com componentes existentes
Basta arrastar e soltar os componentes existentes das suas bibliotecas do Figma para criar wireframes facilmente.
![Cinco cursores de colegas de equipe passando o mouse sobre ilustrações de estrelas pretas com um fundo verde e um bate-papo com cursor amarelo dizendo “Looks great!!”](https://cdn.sanity.io/images/599r6htc/regionalized/4a1acc1cc68a7ecd5d305c93b7346dfee070f1f6-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Obtenha feedback contextual dos seus colaboradores
A plataforma multiplayer do Figma permite a colaboração em tempo real para feedbacks e iterações mais rápidos.
Explore os recursos para wireframing
Crie wireframes para explorar novas ideias e possibilidades mais rápido.
![Resultados da busca por “wireframe” na Figma Community.](https://cdn.sanity.io/images/599r6htc/regionalized/633697cc8ab0acbdfc94270aaa70569bbc8b8ed3-1080x865.png?rect=0,1,1080,864&w=540&h=432&q=75&fit=max&auto=format)
Evite a página em branco
Acesse modelos prontos e kits de wireframes da Figma Community.
Torne seus wireframes interativos
Aproveite o poder da prototipagem do Figma e dê vida aos seus wireframes sem precisar codificar.
![Um iPad e um Apple Pencil. Na tela do iPad está o FigJam, com esboços desenhados à mão e imagens representando o fluxo de login de um aplicativo de música.](https://cdn.sanity.io/images/599r6htc/regionalized/719497514567f3cda8d1612e9f1b974aaba0bf8c-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Crie esboços com o FigJam para iPad
Use o FigJam no seu iPad como uma zona livre de distrações para esboçar ideias e reunir seus pensamentos — antes de compartilhar com seus colegas de equipe.
![Os cursores interagem em um design para dispositivo móvel em um arquivo Figma, e um comentário selecionado confirma o alinhamento](https://cdn.sanity.io/images/599r6htc/regionalized/2056ff9447c622125b80831e0532d7706eb53b64-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Convide colaboradores
Convide parceiros multifuncionais e stakeholders para colaborar em wireframes e fluxos.
O Figma torna designs, telas e fluxos acessíveis a todas as equipes.
Thomas Vimare, head de design na Free
![Uma representação gráfica de um vídeo. No fundo, há formas adesivas inspiradas no FigJam e alguns desenhos.](https://cdn.sanity.io/images/599r6htc/regionalized/6767308b517f5383b0e28456319ebf130076d3fb-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Como fazer wireframes no FigJam
Saiba como configurar uma biblioteca de componentes de wireframing e usá-la para esboçar ideias no FigJam.
![Uma representação gráfica dos números 1, 2, 3.](https://cdn.sanity.io/images/599r6htc/regionalized/e8def7ac6232fef2a17419c7b462fe186da60226-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Noções básicas de wireframing
Saiba quando criar um wireframe no Figma, o que é necessário e como ele pode ajudar você a comunicar ideias.
![Uma representação gráfica de vários wireframes e cursores em um fundo azul.](https://cdn.sanity.io/images/599r6htc/regionalized/6077d4a32d936787ad48489527a904bc03b6daca-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Obtenha kits de wireframe
Valide suas ideias e acelere o fluxo de trabalho de design do seu site com o nosso kit de wireframe baseado em componentes.