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

Figma ha ido ganando terreno en el espacio del 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 sin interrupciones y disponibilidad multiplataforma están cambiando la ecuación para los diseñadores de UI / UX que existen.

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 IU. La empresa recientemente introdujo el tan esperado soporte de complementos para él. Si es nuevo en el espacio de diseño UI / UX y comienza 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 de zoom maestro

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 atajos de teclado más utilizados durante su flujo de trabajo.

Para Windows y Mac, puede usar Mayús + 1 para ajustar las capas a la pantalla. Mayús + 2 para acercar el marco 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 acercar el 100%.

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

Generalmente 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.

Utilizo 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 atajo de teclado Control + G en Mac para mostrar / ocultar cuadrículas de diseño.

También en Guiding Tech

3. Herramienta Pluma, Mover y Texto

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

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

4. Moverse entre capas y componentes

Estos dos atajos de teclado son bastante útiles cuando está trabajando en un proyecto de diseño con demasiadas capas y componentes. Es posible que deba moverse entre ellos constantemente. Puede usar Option + 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. Selector de color abierto

Esta función es útil cuando desea extraer color de una imagen o icono o cualquier otro componente. Puede usar el método abreviado 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 selector de color menú.

6. Copiar / pegar el estilo actual

Éste 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 + Mayús + G para Mac o Ctrl + Mayús + G para Windows.

También en Guiding Tech

8. Alternar bloqueo y desbloqueo

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

Está representado por un pequeño icono de candado en el menú Capas. Para desbloquear, use el mismo atajo 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 hamburguesas, un menú de la barra inferior, botones, etc., que también desea reutilizar para otras pantallas.

Puede agrupar los iconos 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 (Marque # 4).

10. Mostrar biblioteca de equipo

¿Sabes que Figma también se conoce como Google Docs de la industria del diseño? El software viene con opciones de uso compartido perfectas 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. Mientras crea el diseño en un grupo, es posible que desee visitar la biblioteca del equipo, que consta de 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, es posible que desee utilizar la opción de exportación para extraer iconos e imágenes del diseño para poder enviarlos a los desarrolladores para que los implementen. Puede seleccionar la capa y usar Comando + Mayús + E para Mac o Control + Mayús + E para Windows para exportar los detalles.

También en Guiding Tech

Utilice 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.