Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Figma

Cómo cambiar varios colores al mismo tiempo en Figma

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Carlos (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:

rectangles in figma

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:

Selection Colors panel

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):

all objects now green

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.

Selecting Objects by Color

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!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.