Saltar hasta el contenido principal

Figma para sistemas de diseño

Un sistema de diseño para todos

Crea recursos y bibliotecas compartidos a los que todo el equipo pueda acceder. Figma permite adoptar sistemas de diseño para lograr una mayor coherencia y eficiencia.

Alternadores, formas, letras y cuadros delimitadores superpuestos sobre una cuadrícula como parte de un sistema de diseñoAlternadores, 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 StripeLogotipo del New York TimesLogotipo de NetflixLogotipo de Spotifylogotipo de patagonia

Sistemas de diseño escalables

Colabora en la creación de recursos reutilizables para desarrollar 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 espaciadoresUna 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 los colores hasta el espaciado, 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 que esté alineado entre el diseño y el código.

Una vista en modo claro y otra en modo oscuro de las capturas de pantalla de la aplicación para exportarUna vista en modo claro y otra en modo oscuro de las capturas de pantalla de la aplicación para exportar

Implementa tokens de diseño

Utiliza variables y modos para implementar tokens de diseño en tu sistema de diseño. Usa tokens de color para alternar entre modos claro y oscuro, o tokens de tipografía para cambiar fuentes entre marcas, y mucho más.

Empieza a usar variables

Un cursor que selecciona entre un menú de variables personalizadas para un botónUn cursor que selecciona entre 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 asignarlas 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 REST API 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 que muestra el análisis de uso de una biblioteca de componentes.Un gráfico que 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 News UK
Leer la 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.

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

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

Obtener la guía

Preguntas frecuentes