Los 11 mejores atajos de teclado de Figma para Windows y Mac

Figma ha estado ganando tracción en el espacio de diseño. El software de esbozo domina mayormente la industria de diseño de UI/UX. Pero las últimas ofertas de Adobe (Adobe XD) y Figma con precios flexibles, compartir sin problemas, y la disponibilidad de plataformas cruzadas están cambiando la ecuación para los diseñadores de UI/UX ahí fuera.

La disponibilidad de Figma en la Web, Windows y macOS, junto con su excelente plan de inicio (3 proyectos y 2 editores), la convierte en una opción ideal para diseñar, hacer prototipos y dominar las habilidades de diseño de la interfaz de usuario. La compañía recientemente introdujo el tan esperado soporte de Plugins para ello. Si eres nuevo en el espacio de diseño de UI/UX y comienzas tu viaje con Figma, entonces quizás quieras memorizar un montón de atajos de teclado esenciales de Figma para Windows y Mac.

En este post, cubriremos los once mejores atajos de teclado de Figma que se pueden usar en un PC y un Mac con Windows. Empecemos.

Visita Figma

1. Capacidades de zoom maestro

No puedes usar Figma o cualquier software de diseño UI/UX sin dominar los atajos de teclado del Zoom. Estos serán los atajos de teclado más utilizados durante su flujo de trabajo.

Para Windows y Mac, puedes usar Shift + 1 para ajustar las capas a la pantalla. Mayúsculas + 2 para Ampliar el cuadro seleccionado (mi atajo de teclado más usado ya que me permite ver rápidamente los detalles del componente seleccionado), y Mayúsculas + 0 para Ampliar el 100%.

2. Mostrar/ocultar reglas y mostrar/ocultar cuadrículas de diseño

Por lo general no uso reglas en Figma, pero si planeas usarlas durante el diseño de la interfaz de usuario, puedes usar el atajo de teclado Shift + R en PC o Mac para mostrar/ocultar las reglas.

Uso las cuadrículas de diseño todo el tiempo. Te permite organizar los componentes, los iconos con la misma distancia, te permite organizar el texto y otros elementos. Usa el atajo de teclado Control + G en Mac para mostrar/ocultar las cuadrículas de diseño.

3. Herramienta Pluma, Mover y Texto

Figma ofrece una poderosa y personalizable herramienta de pluma. Entenderás lo que quiero decir después de que juegues con ella durante unos minutos. Durante el flujo de trabajo de diseño, usarás estas tres herramientas bastante.

Siempre puedes elegirlos del menú superior o usar la herramienta P para Pluma, V para Mover y T para Texto en Windows y Mac.

4. Moverse entre capas y componentes

Estos dos atajos de teclado son muy útiles cuando se trabaja en un proyecto de diseño con demasiadas capas y componentes. Puede que tengas que moverte entre ellos constantemente. Puede usar Opción + 1 para Mac o Alt + 1 para Windows para moverse al panel de capas. Luego usa la Opción + 2 para Mac o Alt + 2 para Windows para ir al menú de Componentes.

5. Abrir el Selector de Colores

Esta función es útil cuando se desea extraer el color de una imagen o icono o de cualquier otro componente. Puedes usar el atajo de teclado I en Mac o Windows para abrir el selector de colores. Pase el selector de colores sobre una imagen o icono y copie el código de color del menú del selector de colores.

6. Copiar/pegar el estilo actual

Este es un verdadero ahorro de tiempo. ¿Quieres copiar rápidamente el color/diseño actual de un componente a otro texto o icono? Puede seleccionar el elemento actual y utilizar Opción + Comando + C para Mac o Ctrl + Mayúsculas + C para Windows para copiar su estilo. Ahora seleccione el otro elemento y utilice Opción + Comando + V para Mac o Ctrl + Shift + V para Windows para pegar el estilo.

7. Selección de grupo/grupo

La agrupación y desagrupación son una de las partes más importantes de cualquier software de diseño. Después de añadir formas, iconos, texto, puede que quieras agruparlos para moverlos o modificarlos fácilmente. Puedes seleccionar los elementos y usar Comando + G para Mac o Ctrl + G para Windows para crear un grupo.

Para desagruparlos, use el comando + Shift + G para Mac o Ctrl + Shift + G para Windows.

8. Bloqueo y desbloqueo de la palanca

Cuando estás creando un diseño con demasiadas capas y componentes, el lienzo de Figma puede resultar bastante ocupado para ti. En estos escenarios, no querrás mover ningún icono, texto o componente accidentalmente. En tales casos, puedes seleccionar el elemento y usar Comando + Mayúsculas + L para Mac o Ctrl + Mayúsculas + L para Windows para bloquearlos.

Está representado por un pequeño icono de candado en el menú de Capas. Para desbloquearlo, utilice el mismo atajo de teclado.

9. Crear componentes

Los componentes son el corazón y el alma de la experiencia de Figma. Tal vez quieras reutilizar los mismos elementos en toda la interfaz de diseño. Algunos ejemplos pueden ser un menú de hamburguesas, un menú de la barra inferior, botones, etc., que quieres reutilizar para otras pantallas también.

Puede agrupar los iconos y el texto con la herramienta Grupo y luego usar la Opción + Comando + K para Mac o Ctrl + Alt + K para Windows para crear un componente. Ahora, acceda a ellos desde el menú de Componentes (Marque #4).

10. Mostrar la biblioteca del equipo

¿Sabes que Figma también se llama el Google Docs de la industria del diseño? El software viene con opciones para compartir que te permiten añadir editores al equipo.

Para los grandes proyectos, a cada miembro del equipo se le da una tarea separada para el diseño. Mientras se crea el diseño en un grupo, puede que quieras visitar la biblioteca del equipo, que consiste en componentes e iconos comunes entre los miembros. Puede abrir el menú usando Comando + Opción + O en Mac o Ctrl + Alt + O en Windows para abrir el menú de la biblioteca del equipo.

11. Diseño de exportación

Después de terminar el diseño, tal vez quieras usar la opción de exportación para extraer iconos e imágenes del diseño para que puedas enviarlos a los desarrolladores para que los implementen. Puede seleccionar la capa y usar el Comando + Mayúsculas + E para Mac o Control + Mayúsculas + E para Windows para exportar los detalles.

Usar a Figma como un profesional

Figma es una excelente herramienta para los diseñadores de UI/UX. Es gratuita para los principiantes, permite compartir, y viene con toneladas de atajos de teclado para permitir un flujo de trabajo sin problemas. Implementa estos atajos de teclado en tu flujo de trabajo y crea hermosos diseños de interfaz de usuario como un profesional.

Deja un comentario