Advertisement
  1. Web Design
  2. Figma

Consejos para trabajar con lienzos en Figma

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

Spanish (Español) translation by Benjamín Porras (you can also view the original English article)

¡Bienvenidos a más consejos y trucos de Figma! Esta vez veremos cinco cosas que te ayudarán cuando trabajes directamente en el lienzo de Figma.

Mira los consejos

1. Navegar por las capas anidadas

Puedes navegar por las capas anidadas dentro de un documento de Figma manteniendo pulsada la tecla CTRL o CMD (dependiendo de tu plataforma) y luego haciendo clic derecho en la página. Aparecerá un pequeño menú contextual con una lista de todos los objetos anidados bajo el elemento en el que has hecho clic. Haz clic en el objeto que quieras para seleccionarlo. ¡Es muy fácil!

Navigate Nested Layers in FigmaNavigate Nested Layers in FigmaNavigate Nested Layers in Figma
El menú contextual

2. Mover la caja de selección durante la selección

Cuando estás dibujando un cuadro de selección para intentar coger un montón de objetos, si mantienes pulsado SPACE (barra espaciadora) puedes mover el área de selección. Esto hace que sea mucho más fácil ser específico sobre lo que seleccionas.

Moving Figmas selection area with the SPACE barMoving Figmas selection area with the SPACE barMoving Figmas selection area with the SPACE bar
Mover el área de selección de Figmas con la barra SPACE (barra espaciadora)

3. Zoom de precisión

Puedes acercar y alejar una página en Figma de la misma manera que puedes hacerlo con muchas aplicaciones; mantén pulsada la tecla CTRL o CMD y pulsa la tecla + o -, pero también puedes añadir algo de precisión al proceso. Ve a y activa Main Menu (Menú Principal) > Preferences (Preferencias) > Keyboard Zooms into Selection (Teclado amplía la selección).

Una vez hecho eso, selecciona un objeto, luego presiona CTRL o CMD y +, y te acercarás directamente al elemento seleccionado.

Figmas zoom into selection optionFigmas zoom into selection optionFigmas zoom into selection option

4. Ampliar (zoom) directamente a un objeto

Otra forma de hacer zoom directamente en un objeto es hacer doble clic en su icono en el panel de capas.

Double-click to zoom into an objectDouble-click to zoom into an objectDouble-click to zoom into an object

5. Haz "nudge panning" alrededor del lienzo

Figma te permite hacer lo que se llama "nudge panning". Mantén pulsada la tecla z y pulsa las teclas de flechas para realizar pequeños empujones alrededor del lienzo. Para realizar empujones más grandes, mantén pulsada la tecla SHIFT + Z y luego pulsa las teclas de flechas.

Recursos para aprender a usar Figma

Esos fueron algunos consejos rápidos para trabajar con los vectores en Figma. Para ayudarte a llevar las cosas al siguiente nivel tenemos una serie de cursos de Figma en Tuts+:

El kit de interfaz de usuario utilizado en este tutorial es totalmente compatible con Figma y está disponible en Envato Elements:

Finance Mobile App Template UI KitFinance Mobile App Template UI KitFinance Mobile App Template UI Kit
Kit de interfaz de usuario de plantilla de 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.