Saltar hasta el contenido principal

Figma para wireframing

Crea wireframes fácil con cualquier fidelidad

Visualiza tus ideas como wireframes y compártelas con otros para poder colaborar y alinearse conjuntamente en lo que respecta a los flujos y diseños.

Una representación gráfica de una gran forma verde con componentes de wireframe flotando a su alrededor.Una representación gráfica de una gran forma verde con componentes de wireframe flotando a su alrededor.

Con la confianza de los equipos de

logotipo de pumalogotipo de spotifylogotipo de patagonialogotipo de stripelogotipo de the new york timeslogotipo de netflix

Plasma tus ideas en la página

Figma te pone fácil convertir tus ideas en wireframes, no importa la fidelidad, la rapidez y la claridad.

Un diagrama de flujo en FigJam que representa un flujo de creación de cuenta e inicio de sesión.Un diagrama de flujo en FigJam que representa un flujo de creación de cuenta e inicio de sesión.

Wirefremea tus ideas a la velocidad que las piensas

Esquematiza ideas preliminares mediante el boceto de conceptos y flujos en FigJam, ya sea en equipos de escritorio o en un iPad.

Dos cursores de compañeros de equipo que colaboran en wireframes móviles en blanco y negro.Dos cursores de compañeros de equipo que colaboran en wireframes móviles en blanco y negro.

Wireframea 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 «¡¡Pinta muy bien!!».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 «¡¡Pinta muy bien!!».

Recibe comentarios contextuales de tus colaboradores

La plataforma participativa de Figma permite la colaboración en tiempo real para recibir comentarios e iteraciones en menos tiempo.

Explora funciones pensadas para la creación de wireframes

Crea wireframes para descubrir más ideas y posibilidades en menos tiempo.

Resultados de búsqueda de «wireframes» en la Comunidad de Figma.Resultados de búsqueda de «wireframes» en la Comunidad de Figma.

Evita dejar la página en blanco

Accede a plantillas y kits de wireframes prediseñados de la Comunidad de Figma.

Explorar plantillas

Hazlo interactivo

Aprovecha la capacidad de creación de prototipos de Figma y da vida a tus wireframes sin tener que codificar.

Más información sobre la creación de prototipos

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.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.

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.

Descargar la aplicación

Cursores que interactúan en un diseño móvil en un archivo de Figma; en un comentario seleccionado se confirma la alineación.Cursores que interactúan en un diseño móvil en un archivo de Figma; en un comentario seleccionado se confirma la alineación.

Invita a colaboradores

Invita a socios multifuncionales e interesados para que colaboren en wireframes y flujos.

Comenzar a colaborar

Figma permite que los diseños, las pantallas y los flujos sean accesibles para todos los equipos.

Thomas Vimare, responsable de Diseño de Free

logotipo de free
Leer la historia
Una representación gráfica de un vídeo. En el fondo hay formas adhesivas inspiradas en FigJam y algunos dibujos.Una representación gráfica de un vídeo. En el fondo hay formas adhesivas inspiradas en FigJam y algunos dibujos.

Cómo crear wireframes en FigJam

Aprende a configurar una biblioteca de componentes de esquemas de página y úsala para esbozar ideas en FigJam.

Ver el vídeo

Una representación gráfica de los números 1, 2 y 3.Una representación gráfica de los números 1, 2 y 3.

Conceptos básicos de la creación de wireframes

Aprende cuándo crear un wireframe en Figma: qué se incluye y cómo pueden ayudarte a comunicar ideas.

Más información

Una representación gráfica de varios wireframes y cursores sobre un fondo azul.Una representación gráfica de varios wireframes y cursores sobre un fondo azul.

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.

Explorar los kits