Consejos para el Panel de Capas en Figma

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.

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

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

Nuestro agradecimiento especial para Carmel DeAmicis y Valerie Vetero por sus habituales compendios de consejos de la comunidad-¡consúltalos!
blog.figma.com
www.figma.com

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

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