Saltar al contenido principal

Figma para sistemas de diseño

Un sistema de diseño para todos

Crea activos y bibliotecas compartidos a los que todo el equipo pueda acceder. Figma permite adoptar sistemas de diseño para ofrecer más consistencia y eficiencia.

Botones alternadores, formas, letras y cuadros delimitadores superpuestos sobre una cuadrícula como parte de un sistema de diseñoBotones alternadores, formas, letras y cuadros delimitadores superpuestos sobre una cuadrícula como parte de un sistema de diseño

Contamos con la confianza de los equipos de

Logotipo de Pumalogotipo de patagoniaLogotipo de StripeLogotipo de The New York TimesLogotipo de NetflixLogotipo de Spotify

Diseña sistemas escalables

Colabora en conjunto con activos reutilizables para crear un sistema de diseño que permita la consistencia y la innovación entre equipos y productos.

Una biblioteca de íconos, colores, estilos tipográficos y espaciadoresUna biblioteca de íconos, colores, estilos tipográficos y espaciadores

Crea una estructura para innovar más rápido

Estandariza estilos, variables y componentes para que todo, desde el color hasta el relleno, se adapte perfectamente a tus productos y marcas.

Comparte bibliotecas para mantener la consistencia

Publica recursos en las bibliotecas del equipo para que los elementos de diseño aprobados más recientes estén siempre disponibles.

Escala tus sistemas de diseño a medida que crece tu producto

Las eficientes capacidades de los sistemas de diseño, como los modos variables, ayudan a escalar entre casos de uso, temas y mucho más.

Explore las funciones de sistemas de diseño

Optimiza el proceso de desarrollo de productos con un sistema de diseño alineado entre diseño y código.

Una vista en modo claro y modo oscuro de tomas de productos de aplicaciones para exportarUna vista en modo claro y modo oscuro de tomas de productos de aplicaciones para exportar

Implementa tokens de diseño

Usa variables y modos para implementar tokens de diseño en tu sistema de diseño. Cambia entre los modos claro y oscuro con los tokens de color, o cambia las fuentes entre marcas con los tokens de tipografía, y mucho más.

Empieza a usar las variables

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

Asigna componentes en Figma al código

Usa las propiedades de los componentes para personalizarlos más y asignarlos a las propiedades de React.

Explora las propiedades de los componentes

Una vista de inspección del código APIUna vista de inspección del código API

Mantén los sistemas de diseño sincronizados

Utiliza la API REST de variables de Figma para crear y gestionar variables de forma masiva, lo que te permitirá ahorrar tiempo cuando escales tu sistema de diseño.

Ve la documentación

Un gráfico en el que se muestra la analítica de uso de una biblioteca de componentes.Un gráfico en el que se muestra la analítica de uso de una biblioteca de componentes.

Haz un seguimiento de la analítica de uso

Revisa el uso de los componentes y las variantes de tu equipo con analítica del sistema de diseño.

Más información sobre analítica de componentes

Hubo una diferencia abismal después de nuestra transición a Figma. Actuó como catalizadora para desarrollar nuestro sistema de diseño.

James Davis, diseñador principal de News UK

logotipo de newsuk
Leer historia

Acerca del sistema de diseño multiplataforma de Spotify

Descubre cómo la necesidad de una mayor cohesión llevó al equipo de sistemas de diseño de Spotify a adoptar un enfoque multiplataforma para los componentes.

Lee el artículo

Logotipos de Salesforce, Spotify, GitHub y Atlassian.Logotipos de Salesforce, Spotify, GitHub y Atlassian.

Explora sistemas de diseño abiertos de marcas líderes

Obtén acceso a sistemas de diseño abiertos de marcas como Github, Atlassian, Salesforce y mucho más.

Visita designsystems.com

Un gráfico ascendente sobre un fondo lavanda.Un gráfico ascendente sobre un fondo lavanda.

5 formas de aprovechar al máximo la analítica de sistemas de diseño

La analítica de sistemas de diseño brinda a los equipos el contexto que necesitan para tomar mejores decisiones e impulsar la adopción.

Obtén la guía

Preguntas frecuentes