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

Figma ha estado ganando terreno en el espacio de diseño. El software Sketch domina principalmente la industria del diseño de UI/UX. Pero las últimas ofertas de Adobe (Adobe XD) y Figma con precios flexibles, uso compartido continuo y disponibilidad multiplataforma están cambiando la ecuación para los diseñadores de UI/UX.

La disponibilidad de Figma en Web, Windows y macOS, junto con su excelente plan de inicio (3 proyectos y 2 editores), lo convierte en una opción ideal para diseñar, crear prototipos y dominar las habilidades de diseño de UI. La compañía introdujo recientemente el soporte de complementos muy esperado. Si es nuevo en el espacio de diseño de UI/UX y está comenzando su viaje con Figma, es posible que desee memorizar un montón de atajos de teclado esenciales de Figma para Windows y Mac.

En esta publicación, cubriremos los once mejores atajos de teclado de Figma que puede usar en una PC con Windows y Mac. Empecemos.

Visita Figma

1. Capacidades maestras de zoom

No puede usar Figma ni ningún software de diseño de UI/UX sin dominar los atajos de teclado de Zoom. Estos serán los métodos abreviados de teclado más utilizados durante su flujo de trabajo.

Para Windows y Mac, puede usar Shift + 1 para ajustar las capas a la pantalla. Mayús + 2 para hacer zoom en el cuadro seleccionado (mi método abreviado de teclado más utilizado, ya que me permite ver rápidamente los detalles del componente seleccionado) y Mayús + 0 para hacer zoom al 100 %.

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

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

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

3. Herramienta Pluma, Mover y Texto

Figma ofrece una herramienta Pluma potente y personalizable. Obtendrá lo que quiero decir después de jugar con él durante unos minutos. Durante su flujo de trabajo de diseño, usará mucho estas tres herramientas.

Siempre puede elegirlos desde el menú superior o usar la combinación de teclas P para Lápiz, V para Mover y T para la herramienta Texto en Windows y Mac.

4. Moverse entre capas y componentes

Estos dos métodos abreviados de teclado son bastante útiles cuando se trabaja en un proyecto de diseño con demasiadas capas y componentes. Es posible que necesite moverse entre ellos constantemente. Puede usar Opción + 1 para Mac o Alt + 1 para Windows para moverse al panel de capas. Luego use Opción + 2 para Mac o Alt + 2 para Windows para ir al menú Componentes.

5. Abrir selector de color

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

6. Copiar/pegar estilo actual

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

7. Selección de grupo/desagrupar

Agrupar y desagrupar es una de las partes más importantes de cualquier software de diseño. Después de agregar formas, íconos, texto, es posible que desee agruparlos para moverlos o modificarlos fácilmente. Puede seleccionar los elementos y usar Comando + G para Mac o Ctrl + G para Windows para crear un grupo.

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

8. Activar bloqueo y desbloqueo

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

Está representado por un pequeño icono de candado en el menú Capas. Para desbloquear, use el mismo método abreviado de teclado.

9. Crear componentes

Los componentes son el corazón y el alma de la experiencia Figma. Es posible que desee reutilizar los mismos elementos en toda la interfaz de usuario de diseño. Algunos ejemplos pueden ser un menú de hamburguesa, un menú de barra inferior, botones, etc., que también desea reutilizar para otras pantallas.

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

10. Mostrar biblioteca del equipo

¿Sabes que Figma también se conoce como Google Docs de la industria del diseño? El software viene con opciones para compartir sin problemas que le permiten agregar editores al equipo.

Para proyectos grandes, a cada miembro del equipo se le asigna una tarea separada para el diseño. Al crear el diseño en un grupo, es posible que desee visitar la biblioteca del equipo, que consta de componentes e íconos 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, es posible que desee utilizar la opción de exportación para extraer iconos e imágenes del diseño para que pueda enviarlos a los desarrolladores para que los implementen. Puede seleccionar la capa y usar Comando + Shift + E para Mac o Control + Shift + E para Windows para exportar los detalles.

Usa Figma como un profesional

Figma es una excelente herramienta para diseñadores de UI/UX. Es gratis para principiantes, permite compartir y viene con toneladas de atajos de teclado para permitir un flujo de trabajo fluido. Implemente estos atajos de teclado en su flujo de trabajo y cree hermosos diseños de interfaz de usuario como un profesional.