Figma para wireframing
Crea wireframes fácilmente con cualquier fidelidad
Visualiza tus ideas como wireframes y compártelas con otros para poder colaborar y coordinar en conjunto sobre los flujos y diseños.
![Una representación gráfica de una forma verde grande con componentes de wireframe flotando a su alrededor.](https://cdn.sanity.io/images/599r6htc/regionalized/4da19de4d5fd57e7f88845c165e2cddcb41750e1-1080x1080.png?w=540&h=540&q=75&fit=max&auto=format)
Contamos con la confianza de los equipos de
Plasma tus ideas en la página
Figma te permite hacer wireframes de tus ideas con facilidad, rapidez y claridad, independientemente del nivel de fidelidad.
![Un diagrama de flujo en FigJam que representa un flujo de creación de cuenta e inicio de sesión.](https://cdn.sanity.io/images/599r6htc/regionalized/4a9d0c05460ec45895ac5f029b9ca790a5c083d7-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Crea wireframes de tus ideas a la velocidad del pensamiento
Resume las primeras ideas mediante el bosquejo de conceptos y los flujos en FigJam, ya sea en una computadora de escritorio o un iPad.
![Dos cursores de compañeros de equipo que colaboran en wireframes para dispositivos móviles en blanco y negro.](https://cdn.sanity.io/images/599r6htc/regionalized/2779437410638c8c132a5270992951a848439b49-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Crea wireframes con componentes existentes
Simplemente arrastra y suelta los componentes existentes de tus bibliotecas de Figma para crear wireframes con facilidad.
![Cinco cursores de compañeros de equipo se mueven sobre ilustraciones de estrellas negras con un fondo verde y un cursor amarillo en el que se indica “¡¡Se ve genial!!”](https://cdn.sanity.io/images/599r6htc/regionalized/4a1acc1cc68a7ecd5d305c93b7346dfee070f1f6-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Recibe feedback contextual de parte de tus colaboradores
La plataforma multiusuario de Figma permite la colaboración en tiempo real para recibir feedback y hacer iteraciones en menos tiempo.
Explora las funciones creadas para hacer wireframes
Crea wireframes para explorar más ideas y posibilidades en menos tiempo.
![Resultados de búsqueda de “wireframe” en la comunidad de Figma.](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)
Evita dejar la página en blanco
Accede a plantillas y kits de wireframes prediseñados de la comunidad de Figma.
Hazlo interactivo
Aprovecha la potencia de las funciones de prototipado de Figma y da vida a tus wireframes sin tener que codificar.
![Un iPad y un Apple Pencil. En la pantalla del iPad está FigJam, con bocetos dibujados a mano e imágenes que representan el flujo de inicio de sesión de una aplicación de música.](https://cdn.sanity.io/images/599r6htc/regionalized/719497514567f3cda8d1612e9f1b974aaba0bf8c-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Bosqueja con FigJam para iPad
Usa FigJam en tu iPad como una zona libre de distracciones para esbozar ideas y ordenar tus pensamientos antes de compartirlos con tus compañeros de equipo.
![Cursores que interactúan en un diseño móvil en un archivo de Figma; en un comentario seleccionado se confirma la alineación](https://cdn.sanity.io/images/599r6htc/regionalized/2056ff9447c622125b80831e0532d7706eb53b64-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Invita colaboradores
Invita a socios multifuncionales y partes interesadas a colaborar en wireframes y flujos.
Figma permite que todos los equipos puedan acceder a los diseños, las pantallas y los flujos.
Thomas Vimare, jefe de diseño de Free
![Una representación gráfica de un video. En el fondo hay formas adhesivas inspiradas en FigJam y algunos dibujos.](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)
Cómo crear wireframes en FigJam
Aprende a configurar una biblioteca de componentes de wireframing y úsala para esbozar ideas en FigJam.
![Una representación gráfica de los números 1, 2 y 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)
Conceptos básicos de wireframing
Aprende cuándo crear un wireframe en Figma: qué conlleva y cómo puede ayudarte a comunicar ideas.
![Una representación gráfica de varios wireframes y cursores sobre un fondo 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)
Obtén kits de wireframes
Valida tus ideas y acelera el flujo de trabajo de diseño de tu sitio web con nuestro kit de wireframes basado en componentes.