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.
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.
- Abra un nuevo espacio de trabajo.
- En la barra de herramientas a la derecha, seleccione la sección “Fondo”.
- Utilice el selector de color para cambiar el color de fondo.
- Si desea agregar reglas a su fondo, presione “Shift + R” para habilitarlas.
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:
- Borre sus selecciones en su lienzo.
- Vaya al menú “Prototipo” en la barra lateral derecha.
- Seleccione su dispositivo y modelo preferido. El cuadro de vista previa le 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 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:
- Crea una nueva forma en tu lienzo.
- Resalte la forma, luego, en la barra lateral, vaya a la sección “Rellenar”.
- Haga clic en el cuadro de color, luego cree el color que desea usar en la ventana emergente.
- 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”.
- En la esquina derecha del modal, haga clic en el símbolo “+”. Repita estos pasos para cualquier otro color que desee hacer.
- Para agregar su color personalizado, seleccione la capa que desea colorear y vaya a la sección “Relleno”.
- Haga clic en los cuatro puntos a la derecha.
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.