Cómo cambiar el color de fondo en Figma

El color es una parte importante del diseño web que da vida a tu página y a tus aplicaciones móviles. Figma es una gran herramienta creativa, pero la combinación de colores por defecto deja mucho que desear. Por suerte, hay muchas formas de sacar el máximo partido a los colores en Figma. Puedes personalizar casi todo, incluso los colores de fondo.

En este artículo, te mostraremos cómo cambiar el color de fondo de tu lienzo, botones y otros componentes en Figma. También te mostraremos cómo crear tus propios colores. Entremos en materia.

Cómo cambiar el color de fondo

Dependiendo de si has elegido el tema «claro» u «oscuro», el color de fondo de tu espacio de trabajo será gris claro o negro apagado. Cambiar el color de fondo de tu espacio de trabajo no cambiará el tema, pero sí la combinación de colores de la página actual. Las nuevas páginas tendrán el color de la página actual, no del tema.

Teniendo esto en cuenta, veamos cómo cambiar el color de fondo de tu espacio de trabajo.

Abre un nuevo espacio de trabajo.
En la barra de herramientas de la derecha, selecciona la sección «Fondo».
Utiliza el selector de color para cambiar el color de fondo.
Si quieres añadir reglas a tu fondo, pulsa «Shift+R» para activarlas.

Cómo cambiar el color de fondo con Prototype

Los prototipos te permiten previsualizar cómo se verá tu proyecto actual en un dispositivo en el visor de presentaciones. Algunas configuraciones de modelos de dispositivos vienen con diferentes escalas de color. Por lo tanto, es importante elegir el modelo adecuado para tus necesidades.

Para seleccionar el dispositivo y cambiar el color de fondo en el Prototipo, haz lo siguiente:

Borra tus selecciones en tu lienzo.
Ve al menú «Prototipo» de la barra lateral derecha.
Selecciona el dispositivo y el modelo que prefieras. El cuadro de vista previa te mostrará cómo se verá en el lienzo.
En la sección «Fondo», elige el color de fondo que quieras. El color de fondo aparecerá detrás del dispositivo en el cuadro de vista previa.

Cómo crear conjuntos de colores personalizados en Figma

Cuando estás trabajando en un proyecto, lo último que quieres hacer es perder el tiempo. Figma tiene una práctica función que te permite crear conjuntos de colores personalizados. Estos colores también pueden aplicarse a los colores de fondo, para que puedas cambiar rápidamente de color sin tener que pasar por la rueda de colores. Esto te ahorra el tiempo de reajustar el color cada vez.

Aquí se explica cómo crear conjuntos de colores personalizados en Figma:

Crea una nueva forma en tu lienzo.
Resalta la forma, y luego en la barra lateral ve a la sección «Relleno».
Haz clic en el cuadro de color, y luego crea el color que quieres utilizar en la ventana emergente.
A la derecha de la sección «Relleno», hay un símbolo con cuatro puntos. Haz clic en él para activar el modal «Estilos de color».
En la esquina derecha del modal, haz clic en el símbolo «+». Repite estos pasos para los demás colores que quieras hacer.
Para añadir tu color personalizado, selecciona la capa que quieres colorear y ve a la sección «Relleno».
Haz clic en los cuatro puntos de la derecha.

Un lienzo de colores

Con tantas opciones de personalización disponibles, Figma tiene todas las combinaciones de colores que necesitas para hacer diseños web llamativos. Incluso puedes crear tus propios colores, con lo que tendrás infinitas opciones a tu disposición. Estos métodos te muestran cómo sacar el máximo partido a la amplia paleta de colores y aplicaciones de Figma. En un abrir y cerrar de ojos estarás haciendo proyectos dignos de una exposición de arte en Figma.

¿Has intentado alguna vez cambiar el color de fondo en Figma? ¿Has utilizado alguno de los métodos que aparecen en este artículo? Háznoslo saber en la sección de comentarios más abajo.