Cómo cambiar varios colores al mismo tiempo en Figma

() translation by (you can also view the original English article)

En este breve consejo de Figma, aprenderás a cambiar varios colores al mismo tiempo. Esto es un gran ahorro de tiempo y de hecho es una de mis funciones favoritas en Figma, ¡así que veamos!

Cambia varios colores en Figma de forma simultánea

Aquí tienes una versión completa en video de este consejo breve de Figma. ¡No olvides suscribirte al canal de Envato Tuts+ en YouTube para conseguir tutoriales, cursos gratuitos y más!

Selecciona los objetos

Comencemos imaginando que tienes una gran cantidad de rectángulos en la mesa de trabajo (artboard), de esta manera:

Posiblemente quieras cambiar todos los rectángulos grises para que su color coincida con los azules. Naturalmente, podrías copiar y pegar el valor del color seleccionando primero el azul, y después los otros objetos, pero Figma tiene una útil función si se requiere.

Selección de colores

Selecciona todos los objetos que necesites (todos los rectángulos) y verás los colores desplegados en el panel Selection Colors a la derecha:

Ahora puedes copiar el valor del azul, pegarlo en el valor del gris, y todos los objetos grises se volverán azules. ¡Increíble!

¡Qué gran cosa, podrías estar pensando! Pero estos rectángulos son un ejemplo realmente simple; imagina que tienes una compleja interfaz de usuario (UI) con muchos colores, de esta forma:

Medical Mobile UI Kit Design UI kit in Figma — De Medical Mobile UI Kit Design (Kit de diseño para UI móvil médico)

Rápidamente, todos los objetos azules #384DFE pueden ser cambiados a un verde cerceta (o lo que sea):

Seleccionar objetos por color

Haciendo clic en el ícono a la derecha del selector de colores puedes seleccionar todos los objetos de ese color en una sola operación.

Ahorra tiempo con los consejos rápidos para Figma

Este consejo breve es solo uno de los muchos trucos para que ahorres tiempo y que te ayudarán a diseñar de forma más eficiente. ¡Revisa estos otros consejos y haznos saber si tú tienes otros!

Recursos y activos para Figma (gratuitos y premium)

¡Inspírate con estos kits de UI y UX para Figma, gráficos, íconos y más!