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


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

La disponibilidad de Figma en 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, crear prototipos y dominar las habilidades de diseño de UI. 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, entonces 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.

1. Capacidades de zoom maestro

No puede usar Figma o cualquier 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.


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

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.


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

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.

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. Mover 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. 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 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 menú del selector de color.


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

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.


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

Para desagruparlos, use Comando + Mayús + G para Mac o Ctrl + Mayús + G para Windows.

8. Alternar bloqueo y desbloqueo

Cuando crea un diseño con demasiadas capas y componentes, el lienzo de Figma puede estar 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 + Mayús + L para Mac o Ctrl + Mayús + L para Windows para bloquearlos.


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

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

9. Cree 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.


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

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 para compartir fluidas que le permiten agregar editores al equipo.


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

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. Exportar diseño

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.


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

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)

Deja un comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies