Administrar los perfiles de color en los archivos de diseño

Antes de empezar

Quién puede usar esta función

Disponible en todos los planes

Disponible en Diseño de Figma en el navegador y la aplicación de escritorio

Requiere permiso para editar el archivo

Cada pantalla utiliza diferentes tecnologías para representar el color, lo que puede resultar en incoherencias visuales entre los diferentes dispositivos, monitores, navegadores y aplicaciones. A medida que los equipos crecen, también pueden crecer las incoherencias. 

Con la gestión de color en Figma, usted puede:

• Mantener la coherencia de color, incluso si los miembros del equipo tienen pantallas diferentes
• Elegir su perfil de color preferido para todos los archivos de diseño creados recientemente
• Cambiar los colores en un archivo de un perfil de color a otro
• Exportar activos a un perfil de color específico

Perfiles de color compatibles

En Diseño de Figma, puede elegir entre dos perfiles de color: sRGB y Display P3.

sRGB es el perfil de color más utilizado. Ha sido el estándar web por mucho tiempo y es compatible con casi todos los navegadores web y pantallas.

Display P3, también conocido como P3, tiene colores más vibrantes y representa colores visualmente distintivos un 49 % más que sRGB. Si bien aún no es el estándar para la web y las pantallas, su popularidad está aumentando. Si está desarrollando para dispositivos iOS o pantallas de retina, Display P3 es adecuado para dichas experiencias.

Para obtener mejores resultados, asegúrese de que su pantalla es compatible y coincide con el perfil de color seleccionado. Por ejemplo, los colores de Display P3 no se mostrarán correctamente en monitores que no sean compatibles con dicho perfil.

Los paneles de FigJam están representados en sRGB.

Cambiar el perfil de color preferido

Los archivos de diseño nuevos se configuran en sRGB de forma predeterminada. Para elegir un perfil de color diferente para los archivos de diseño que cree:

1. Abra cualquier archivo al que tenga acceso.
2. Abra el menú de Figma.
3. Diríjase a Preferencias > Perfil de color.
4. Desde el modo de Configuración del perfil de color, elija sRGB o Display P3.
5. Haga clic en para cerrar el modo y guardar la configuración.

Cambiar el perfil de color de un archivo

Puede cambiar los perfiles de color a nivel de archivo. Cuando cambia el perfil de color de un archivo, tiene dos opciones:

• Mantener los valores de color (Asignar) para cambiar la apariencia de los colores, pero no los valores
• Mantener la apariencia (Convertir) para cambiar los valores de los colores, pero no su apariencia

Mantener los valores de color (Asignar)

Cuando asigna un perfil de color a un archivo, los colores cambian visualmente, pero los datos subyacentes (como los códigos hexadecimales o los valores HSB) se mantienen.

Puede elegir preservar los valores de los colores al trabajar con colores específicos, como los colores de su marca. En este caso, es más importante que los códigos hexadecimales de la marca se mantengan en los diferentes dispositivos y archivos, incluso si el color parece ser un poco diferente.

Para asignarle un perfil de color a un archivo:

1. Con el archivo abierto, haga clic en junto al nombre del archivo.
2. Diríjase a Perfil de color del archivo > Cambiar a Display P3 o Cambiar a sRGB.
3. Desde el modo, elija Mantener los valores de color (Asignar).
4. Para guardar los cambios, haga clic en Asignar Display P3 o Asignar sRGB.

Mantener apariencia (Convertir)

Cuando convierte el archivo a un perfil de color diferente, los datos subyacentes de los colores cambian, pero se verán iguales o tan parecidos como sea posible.

Puede elegir conservar la apariencia de los colores si está concentrado en una lluvia de ideas, la creación de esquemas de página o probar cómo se muestran los colores en diferentes dispositivos. En estos casos, una apariencia coherente es más importante que mantener un sistema.

Para convertir un archivo a un perfil de color diferente:

1. Con el archivo abierto, haga clic en junto al nombre del archivo.
2. Diríjase a Perfil de color del archivo > Cambiar a Display P3 o Cambiar a sRGB.
3. Desde el modo, elija Mantener apariencia (Convertir).
4. Para guardar los cambios, haga clic en Convertir a Display P3 o Convertir a sRGB.

Los estilos de color y las variables de color no cambiarán con la conversión, por lo que los valores de color tampoco cambiarán.

Deshacer un cambio de perfil de color

Para deshacer un cambio de perfil de color de un archivo, tiene las siguientes opciones:

• Use los atajos del teclado ⌘ Command / Control Z
• Seleccione una versión anterior en el historial de versiones

Asignar un perfil de color a un archivo heredado

La configuración No administrado no estará disponible a partir de agosto de 2023. Los archivos de diseño antiguos no administrados no tendrán un perfil de color especificado y se configurarán para ser Igual al perfil de preferencia (perfil de color preferido). Si no ha configurado un perfil de color preferido, entonces el archivo heredado se representará en sRGB.

Para asignar un perfil de color a un archivo heredado:

1. Con el archivo abierto, haga clic en junto al nombre del archivo.
2. Diríjase a Perfil de color del archivo > Asignar a sRGB o Asignar a Display P3.

Una vez que asigne un perfil de color, podrá convertir el archivo a un perfil de color diferente, pero no podrá revertirlo a la configuración Igual al perfil de preferencia.

Exportar activos

De forma predeterminada, Figma exporta los activos utilizando el perfil de color del archivo. Sin embargo, puede elegir un perfil de color diferente al exportar. Obtenga más información sobre como exportar activos con un perfil de color →