Ir 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 la adopción de sistemas de diseño para ofrecer una mayor coherencia y eficiencia.

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

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 adaptables

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

Una biblioteca de iconos, colores, estilos tipográficos y espaciadores.Una biblioteca de iconos, colores, estilos tipográficos y espaciadores.

Crea una estructura para innovar en menos tiempo

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 permitir una mayor coherencia

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 prácticos, temas y mucho más.

Explora las funciones del sistema 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 su exportación.Una vista en modo claro y modo oscuro de tomas de productos de aplicaciones para su exportación.

Implementa tokens de diseño

Utiliza variables y modos para implementar tokens de diseño en tu sistema de diseño. Utiliza tokens de colores para intercambiar los modos claro y oscuro, tokens de tipografía para cambiar las fuentes entre distintas marcas, y mucho más.

Empieza a usar variables

Un cursor que selecciona una opción de un menú de variables personalizadas para un botón.Un cursor que selecciona una opción de un menú de variables personalizadas para un botón.

Asigna componentes en Figma al código

Utiliza las propiedades de los componentes para personalizarlos más y asignarlos a las propiedades de Reacción.

Explorar propiedades de componentes

Una vista de inspección del código API.Una 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.

Ver documentación

Un gráfico en que se muestra el análisis de uso de una biblioteca de componentes.Un gráfico en que se muestra el análisis de uso de una biblioteca de componentes.

Realiza un seguimiento de análisis del uso

Revisa el uso de los componentes y las variantes de tu equipo con análisis del sistema de diseño.

Más información sobre el análisis de componentes

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

James Davis, diseñador principal de News UK

logotipo de newsuk
Leer la historia

Información sobre el 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.

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

Visitar 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 el análisis de sistemas de diseño

Los análisis de sistemas de diseño brindan a los equipos el contexto que necesitan para tomar mejores decisiones e impulsar la adopción.

Obtener la guía

Preguntas frecuentes