Figma es una de las aplicaciones de diseño más populares para editar gráficos. El hecho de que sea gratis y que se pueda usar de muchas maneras diferentes son dos de las cosas por las que la gente lo conoce. Desglosamos las características más importantes de Figma y le mostramos algunos de los mejores accesos directos de Figma que lo ayudarán a usarlo de manera más efectiva.
Tabla de contenido
Figma es un editor de gráficos vectoriales y una herramienta de prototipo que se ejecuta en la nube y está configurado para diseñar interfaces juntos y desde lejos. El software de interfaz de usuario tiene todo lo que necesita para cada paso de un proyecto de diseño, incluida la capacidad de generar código que se puede exportar. Hicimos una lista de accesos directos para Figma que facilitarán su trabajo.
Mejores accesos directos de Figma
Capacidades de zoom maestro
No puede usar Figma ni ninguna otro software para el diseño de UI/UX sin saber cómo usar los atajos de teclado de Zoom. Estos son los métodos abreviados de teclado que usará con más frecuencia mientras trabaja. Shift + 1 se puede usar tanto en Windows como en Mac para que las capas se ajusten a la pantalla. Shift + 2 me permite acercar el marco seleccionado, que es mi método abreviado de teclado más utilizado porque me permite ver los detalles de la parte seleccionada rápidamente. Shift + 0 me permite acercar todo el zoom.
Copiar marco como imagen PNG, sin exportar
Con este atajo, puede copiar un solo marco como imagen PNG y pegarlo en cualquier lugar dentro o fuera de Figma. No tiene que exportar un marco para usarlo en una maqueta, presentación, correo electrónico u otra documentación de diseño. Por lo tanto, no tendrá muchas cosas en su espacio de almacenamiento. Para copiar como PNG, elija cualquier elemento (marco, imagen o grupo) y presione”Mayús”+”Comando”+”C”en Mac o”Mayús”+”Ctrl”+”C”en Windows.
Seleccione la herramienta Marco
Al crear múltiples tableros de marcos para diseños de prototipos en Figma, la herramienta Marco se usa a menudo. Cuando presiona F en su teclado, la herramienta aparece de inmediato, para que pueda dibujar o cambiar rápidamente el tamaño de su marco. Puede dibujar el marco haciendo clic y arrastrando el cursor, o puede elegir la herramienta Marco y escribir los tamaños que desee en los cuadros del lado derecho del menú del marco.
Mostrar/ocultar reglas y mostrar/ocultar cuadrículas de diseño
Normalmente no uso Reglas en Figma, pero si desea usarlas mientras diseña una interfaz de usuario, puede usar el atajo de teclado Shift + R en una PC o Mac para mostrar u ocultar reglas. Siempre uso Layout Grids. Le permite organizar las diferentes partes, íconos y texto para que estén todos a la misma distancia. Para mostrar u ocultar cuadrículas de diseño en una Mac, presione Control + G en el teclado.
Capacidad para ignorar el diseño automático
El diseño automático es excelente, pero no siempre es fácil agregue un nuevo elemento a un grupo que use el diseño automático. Antes de darnos cuenta de esto, desactivamos el diseño automático y pusimos el nuevo elemento donde queríamos. Pero ahora hay un truco: mantenga presionada la barra espaciadora. Si presiona la barra espaciadora mientras arrastra un elemento, irá por encima del conjunto de diseño automático y permanecerá allí. Puede que esta no sea la mejor manera de ahorrar tiempo, pero ayuda.
Coloque varias fotos a la vez
Si ha creado un diseño con formas listas para contener sus imágenes, puede ser molesto agregar cada imagen una a la vez. Con este acceso directo, puede colocar más de una foto en cualquier lugar de su mesa de trabajo haciendo clic en el marcador de posición o en cualquier otro lugar de su mesa de trabajo.
Los usuarios de Mac pueden abrir el cuadro de diálogo para encontrar sus imágenes presionando Cmd + Shift + K. En Windows, puede buscar y colocar varias fotos en su diseño de Figma presionando Ctrl + Shift + K. Esto es una gran manera de ahorrar tiempo en Figma si creas una plantilla maestra.
Herramientas de lápiz, movimiento y texto
Figma tiene una herramienta de lápiz que es potente y flexible. Después de jugar con él por un tiempo, verás lo que quiero decir. Utilizará mucho estas tres herramientas durante el proceso de diseño. En Windows y Mac, siempre puede elegirlos desde el menú superior o usar las teclas P, V y T para cambiar a las herramientas Pluma, Mover y Texto, respectivamente.
Selección de color
Elige un elemento para agregarle color. Para hacer esto, debe elegir”rellenar”. Usando las teclas de flecha hacia arriba (claro) y hacia abajo (oscuro), puede encontrar los tonos de color claros y oscuros para la opción de relleno elegida del elemento. Si presiona la tecla Shift, puede escuchar la diferencia de tono más rápido.
Moverse entre capas y componentes
Cuando trabaje en un proyecto de diseño con demasiadas capas y partes, estos dos Los atajos de teclado son muy útiles. Es posible que tengas que ir y venir entre ellos todo el tiempo. Para acceder al panel de capas, presione Opción + 1 en una Mac o Alt + 1 en una computadora portátil con Windows. Luego, presione Opción+2 en una Mac o Alt+2 en una computadora con Windows para acceder al menú Componentes.
Corregir la altura de la línea en segundos
Si la altura de la línea se ve mal y no tiene un valor específico, escriba”auto”en el campo de altura de línea, elimine el número que esté allí y presione Intro. Se ajustará por arte de magia. Puede omitir escribir”automático”dejando el campo en blanco y presionando la tecla Intro en su teclado. ¡Va aún más rápido!
Preguntas frecuentes
¿Cuáles son algunos atajos de teclado divertidos?
Active Contraste alto. Mayús + Alt + Imprimir Cambiar entre ventanas abiertas. Alt + Tabulador Revisar Ventanas Abiertas y Cerradas. Windows + Tab Eliminar un archivo sin confirmación. Mayús + Supr Cerrar Windows. Windows + X, U, I/U/R/H/S
¿Puedes controlar F en Figma?
Buscar y reemplazar ahora están integrados en Figma. ¡Simplemente presione Ctrl+F! Cuando esté en”Buscar”, presione Entrar para pasar al siguiente resultado.
¿Qué hace Ctrl J?
Ctrl+J hace que el texto o la línea que ha elegido se ajusten a la pantalla. Ctrl+K agregará un enlace. Ctrl+L coloca la línea o el texto que ha elegido a la izquierda de la pantalla.
¿Qué es F1 f2 f3 F4 f5 f6 f7 f8 f9 f10 f11 F12?
La F1 –Las teclas F12 en el teclado de una computadora se llaman teclas de función o teclas F. Cada una de estas teclas tiene una función especial que establece el sistema operativo o el programa que se está ejecutando actualmente. Puede usarlos con la tecla Alt o la tecla Ctrl.