Saltar al contenido principal

Figma para diseño web

Crea diseños web atractivos y adaptables

Figma es la plataforma en línea gratuita en la que las personas diseñan conjuntamente los mejores sitios web del mundo. Desde la creación del esquema de página hasta el diseño, prototipado y desarrollo, Figma optimiza el proceso del diseño web.

Una representación gráfica de pantallas de diseño web llenas de ilustraciones de arcoíris.Una representación gráfica de pantallas de diseño web llenas de ilustraciones de arcoíris.

Contamos con la confianza de los equipos de

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

Diseño web adaptable para cualquier dispositivo

Pasa rápidamente de la idea a la implementación con diseños extremadamente versátiles.

Los cursores del equipo seleccionan estilos de color y el diseño automático en una página web.Los cursores del equipo seleccionan estilos de color y el diseño automático en una página web.

Diseña en menos tiempo con las herramientas adecuadas

Inicia tu proyecto y diseña consistentemente a gran escala con herramientas como el diseño automático, los componentes, los estilos y mucho más.

Pon a prueba tus ideas antes del desarrollo

Muestra tu visión con prototipos interactivos sin código. Obtén una experiencia web realista con solo unos clics.

Pasa del diseño al sitio publicado en menos tiempo

Dev Mode suma estructura a las entregas y facilita que los desarrolladores encuentren lo que necesitan.

Explora funciones de diseño web

Diseña mejores experiencias web en menos tiempo con funciones que ayuden al desarrollo en conjunto de principio a fin.

Un archivo del kit de diseño de componentes con fondo púrpura, ejemplos de texto de botones y estilos de colores.Un archivo del kit de diseño de componentes con fondo púrpura, ejemplos de texto de botones y estilos de colores.

Comienza con plantillas y kits de UI

Acelera el flujo de trabajo de diseño de sitios web con kits de esquemas de página basados en componentes gratuitos creados por la comunidad de Figma.

Explora la Comunidad

Los cursores del equipo rodean el diseño de una aplicación móvil. En un comentario se indica: “Este diseño parece muy bueno, empecemos a crear prototipos”.Los cursores del equipo rodean el diseño de una aplicación móvil. En un comentario se indica: “Este diseño parece muy bueno, empecemos a crear prototipos”.

Invita colaboradores

Invita a socios multifuncionales y partes interesadas a agregar comentarios contextuales a tus diseños web para recibir feedback al instante.

Comienza a colaborar

Un cursor que elige una opción de un menú de variables personalizadas correspondientes a un botónUn cursor que elige una opción de un menú de variables personalizadas correspondientes a un botón

Alinea los sistemas de diseño con el código

Crea, mantén y comparte componentes y estilos con facilidad, además de utilizar el mismo lenguaje en archivos de diseño y código con tokens.

Más información sobre los sistemas de diseño

Dos cursores de compañeros de equipo que utilizan anotaciones para documentar notas de diseño de ingeniería en una página de productos de comercio electrónico.Dos cursores de compañeros de equipo que utilizan anotaciones para documentar notas de diseño de ingeniería en una página de productos de comercio electrónico.

Crea con Dev Mode

Aporta claridad a tus diseños web y dale a los desarrolladores las herramientas que necesitan para convertirlos en código.

Explora Dev Mode

Independientemente de la disciplina, todos tienen una lugar centralizado para ver, comprender y contribuir al trabajo.

Lauren LoPrete, responsable de sistemas de diseño de Dropbox

logotipo de dropbox
Leer historia

Más recursos para desarrolladores web

El logotipo de Figma sobre un fondo multicolor con un cursor amarillo que dice “¡Qué bieeeeen!”El logotipo de Figma sobre un fondo multicolor con un cursor amarillo que dice “¡Qué bieeeeen!”

Cómo desarrollamos nuestro sistema de diseño de sitios web

Una mirada a la forma en que el equipo de marketing de Figma desarrolló y continúa desarrollando el sistema de diseño de figma.com.

Lee el artículo

Resultados de búsqueda de “web” en la comunidad de Figma.Resultados de búsqueda de “web” en la comunidad de Figma.

Recursos de diseño web de la comunidad

Busca inspiración, herramientas y plantillas para diseño web; todo creado y seleccionado por la comunidad de Figma.

Explora la comunidad

Cursor que crea un enlace de prototipo que conecta una página de inicio de un producto de color púrpura con una página de detalles.Cursor que crea un enlace de prototipo que conecta una página de inicio de un producto de color púrpura con una página de detalles.

Guía de Figma para la creación de prototipos

Aprende cómo comenzar a usar las funciones de prototipado en Figma.

Obtén la guía

Preguntas frecuentes