7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Figma

Consejos para el Panel de Capas en Figma

Scroll to top
Read Time: 2 mins
This post is part of a series called Figma Tips and Tricks.
Figma Object Selection Tips

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Figma se ha llegado a convertir rápidamente en la herramienta de elección de diseño y prototipado de la industria web, posiblemente más que Adobe XD y Sketch. Ésta es la primera en una serie de trece posts, cada uno es una pequeña colección de consejos y trucos para Figma para ayudarte a aprender algo específico. Así que comencemos con algunos consejos para agilizar el trabajo con el panel de capas.

Mira los Consejos

1. Borrar Automáticamente Grupos de Capas Cuando Están Vacíos

En muchas aplicaciones de diseño, al eliminar subcapas (o capas hijo) la principal capa padre seguirá intacta. En Figma, sin embargo, al seleccionar y borrar todas las capas hijo, también se elimina la capa padre, lo que ayuda a mantener las cosas bien y prolijas.

Selecting and deleting child layersSelecting and deleting child layersSelecting and deleting child layers
Seleccionando y eliminando capas hijo

2. Desbloquea o Revela Todos los Objetos

Puedes desbloquear o revelar todos los objetos a la vez al pulsar CMD + / o CTRL + / (dependiendo de tu plataforma). Ingresa (por ejemplo) "desbloquear" en el cuadro que surge y selecciona qué comando te gustaría ejecutar.

unlocking all objects at the same timeunlocking all objects at the same timeunlocking all objects at the same time
Desbloquear objetos

3. Renombrar Capas Super Rápido

Cuando renombras capas puedes pulsar TAB para dirigirte rápidamente a la siguiente. Pulsando MAYUSCULAS + TAB te llevará hacia arriba de la lista, renombrando según vas avanzando.

super-fast layer renamingsuper-fast layer renamingsuper-fast layer renaming
Renombrar capas rápido

4. Colapsar y Expandir Múltiples Capas

Para expandir múltiples capas a la vez, comienza seleccionando las capas que quieres en el panel capas a la izquierda. Manten presionada CMD o CTRL dependiendo de tu plataforma,luego pulsa cualquiera de las pequeñas flechas de expandir que ves a la izquierda de los nombres de capa. Ésto abrirá absolutamente todo dentro de todas las capas elegidas.

Para colapsar todo de nuevo, es el mismo proceso pero a la inversa.

expanding multiple layers in Figmaexpanding multiple layers in Figmaexpanding multiple layers in Figma
Expandir múltiples capas en Figma

5. Rápidamente Activa y Desactiva la Visibilidad y el Bloqueo

Para bloquear rápidamente un conjunto de capas en Figma, solo haz click en el ícono de "bloquear" una capa y arrastra hacia abajo hasta que hayas bloqueado todo lo que necesitas (lo mismo aplica a la inversa para desbloquear capas). Para ocultar o revelar capas puede ser utilizado el mismo procedimiento, pero haciendo click y arrastrando en el ícono del "ojo".

locking multiple layers in one golocking multiple layers in one golocking multiple layers in one go
Bloquea rápidamente capas en Figma

Recursos para el Aprendizaje de Figma

Aprende cómo utilizar Figma como un profesional con nuestra serie de cursos:

El kit de IU utilizado en éste tutorial es completamente compatible con Figma y disponible en Envato Elements:

Finance Mobile App Template UI KitFinance Mobile App Template UI KitFinance Mobile App Template UI Kit
Kit de Plantilla de IU para Aplicación Móvil de Finanzas 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
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.