Cómo cambiar el color de fondo en Figma

El color es una parte importante del diseño web que da vida a su página y aplicaciones móviles. Figma es una gran herramienta creativa, pero el esquema de color predeterminado deja mucho que desear. Afortunadamente, hay muchas formas de aprovechar al máximo los colores en Figma. Puedes personalizar casi todo, incluso los colores de fondo.

Cómo cambiar el color de fondo en Figma

En este artículo, le mostraremos cómo cambiar el color de fondo de su lienzo, botones y otros componentes en Figma. También le mostraremos cómo crear sus propios colores. Entremos en ello.

Cómo cambiar el color de fondo

Dependiendo de si eligió el tema “claro” u “oscuro”, el color de fondo de su espacio de trabajo será gris claro o negro apagado. Cambiar el color de fondo de su espacio de trabajo no cambiará el tema, pero cambiará el esquema de color de la página actual. Cualquier página nueva tendrá el color de la página actual, no el tema.

Con eso en mente, veamos cómo cambiar el color de fondo de su espacio de trabajo.

  1. Abra un nuevo espacio de trabajo.
    1685084411 200 Como cambiar el color de fondo en Figma
  2. En la barra de herramientas a la derecha, seleccione la sección “Fondo”.
    1685084411 460 Como cambiar el color de fondo en Figma
  3. Utilice el selector de color para cambiar el color de fondo.
    1685084412 63 Como cambiar el color de fondo en Figma
  4. Si desea agregar reglas a su fondo, presione “Shift + R” para habilitarlas.
    1685084412 313 Como cambiar el color de fondo en Figma

Cómo cambiar el color de fondo usando prototipo

Los prototipos le permiten obtener una vista previa de cómo se verá su 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 sus necesidades.

Para seleccionar el dispositivo y cambiar el color de fondo en Prototype, haga lo siguiente:

  1. Borre sus selecciones en su lienzo.
    1685084411 200 Como cambiar el color de fondo en Figma
  2. Vaya al menú “Prototipo” en la barra lateral derecha.
    1685084412 742 Como cambiar el color de fondo en Figma
  3. Seleccione su dispositivo y modelo preferido. El cuadro de vista previa le mostrará cómo se verá en el lienzo.
    1685084412 327 Como cambiar el color de fondo en Figma
  4. 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.
    1685084413 228 Como cambiar el color de fondo en Figma

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 función útil que le permite crear conjuntos de colores personalizados. Estos colores también se pueden aplicar a los colores de fondo, por lo que puede cambiar de color rápidamente sin tener que pasar por la rueda de colores. Esto le ahorra el tiempo de restablecer el color cada vez.

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

  1. Crea una nueva forma en tu lienzo.
    1685084413 854 Como cambiar el color de fondo en Figma
  2. Resalte la forma, luego, en la barra lateral, vaya a la sección “Rellenar”.
    1685084413 750 Como cambiar el color de fondo en Figma
  3. Haga clic en el cuadro de color, luego cree el color que desea usar en la ventana emergente.
    1685084413 154 Como cambiar el color de fondo en Figma
  4. A la derecha de la sección “Relleno”, hay un símbolo con cuatro puntos. Haga clic en él para habilitar el modal “Estilos de color”.
    1685084414 854 Como cambiar el color de fondo en Figma
  5. En la esquina derecha del modal, haga clic en el símbolo “+”. Repita estos pasos para cualquier otro color que desee hacer.
    1685084414 313 Como cambiar el color de fondo en Figma
  6. Para agregar su color personalizado, seleccione la capa que desea colorear y vaya a la sección “Relleno”.
    1685084414 589 Como cambiar el color de fondo en Figma
  7. Haga clic en los cuatro puntos a la derecha.
    1685084414 369 Como cambiar el color de fondo en Figma

Un lienzo colorido

Con tantas opciones de personalización disponibles, Figma tiene todas las combinaciones de colores que necesitas para crear diseños web llamativos. Incluso puede crear sus propios colores, lo que le brinda infinitas opciones a su disposición. Estos métodos le muestran cómo aprovechar al máximo la amplia paleta de colores y las aplicaciones de Figma. Estarás haciendo proyectos dignos de exhibición de arte en Figma en muy poco tiempo.

¿Alguna vez has intentado cambiar el color de fondo en Figma? ¿Usaste alguno de los métodos presentados en este artículo? Háganos saber en la sección de comentarios.