Los Mejores Atajos de Figma para Aumentar tu Velocidad de Diseño

Vlad Solomakha

13 abr 2024

Saltar a

Título

Saltar a

Título

Genera diseños de interfaz de usuario y wireframes con IA

Exploro algunos de los mejores atajos de Figma que ayudan a mejorar tu eficiencia. Impulsa tu flujo de trabajo en navegación, edición y organización.

Exploro algunos de los mejores atajos de Figma que ayudan a mejorar tu eficiencia. Impulsa tu flujo de trabajo en navegación, edición y organización.

Nota que este artículo está escrito para usuarios de Mac. Si eres usuario de Windows, reemplaza Cmd con Ctrl y Option con Alt.

Favoritos personales 

He estado trabajando en Figma durante los últimos 6 años, y aquí están mis atajos favoritos que he adoptado a lo largo de estos años.

  1. Seleccionar color: I

  2. Ocultar/Mostrar UI: Cmd + .

  3. Menú de acciones rápidasCmd + /

  4. Reducir Zoom de la Página: Shift + 1

  5. Zoom a Selección: Shift + 2

  6. Abrir Figma Home: Cmd + 1

  7. Duplicar: Option + Arrastrar

  8. Bloquear/Desbloquear Capas: Cmd + Shift + L

Atajos de navegación

Navega por tus proyectos con estos atajos clave.

  1. Zoom In/Out: Cmd + + o Cmd + -

  2. Desplazar Lienzo: Mantén presionado Espacio y arrastra

  3. Ocultar/Mostrar UI: Cmd + \

  4. Mostrar/Ocultar Panel de Capas: Cmd + Option + 1

Manipulación de objetos

Manipula capas, marcos y objetos rápidamente para optimizar tu proceso de diseño.

  1. Duplicar: Cmd + D

  2. Agrupar Selección: Cmd + G

  3. Desagrupar Selección: Cmd + Shift + G

  4. Encapsular Selección: Cmd + Option + G

  5. Mover Capas con Precisión: Teclas de flechas (mover por 1 píxel), mantén Shift con las teclas de flecha (mover por 10 píxeles)

Selección de herramientas

Cambia de herramientas de forma eficiente para mantener tu flujo creativo.

  1. Herramienta de Selección (Herramienta de Movimiento): V

  2. Herramienta de Texto: T

  3. Herramienta Rectángulo: R

  4. Herramienta Elipse: O

  5. Herramienta Línea: L

  6. Herramienta Pluma: P

  7. Herramienta Mano: H (para mover el lienzo sin alterar el diseño)

Gestión de componentes

Gestiona componentes sin tener que levantar los dedos del teclado.

  1. Crear Componente: Cmd + Option + K

  2. Desprender Instancia: Cmd + Option + B

  3. Ir al Componente Principal: Cmd + Option + G

Edición de texto

Edita capas de texto de manera efectiva con estos atajos simples.

  1. Negrita: Cmd + B

  2. Cursiva: Cmd + I

  3. Subrayar: Cmd + U

  4. Aumentar Tamaño de Fuente: Cmd + Shift + >

  5. Disminuir Tamaño de Fuente: Cmd + Shift + <

Visualización y Comentarios

Gestiona la vista de tu espacio de trabajo y colabora mediante comentarios.

  1. Ajustar Selección a la Vista: Cmd + Shift + F

  2. Agregar Comentario: Cmd + Shift + C

Conclusión

Estos atajos están diseñados para reducir el tiempo dedicado a tareas rutinarias. Te brindan más oportunidades para concentrarte en los aspectos creativos del diseño.

Intenta usarlos regularmente para volverte más competente y acelerar tu flujo de trabajo en Figma.

Nota que este artículo está escrito para usuarios de Mac. Si eres usuario de Windows, reemplaza Cmd con Ctrl y Option con Alt.

Favoritos personales 

He estado trabajando en Figma durante los últimos 6 años, y aquí están mis atajos favoritos que he adoptado a lo largo de estos años.

  1. Seleccionar color: I

  2. Ocultar/Mostrar UI: Cmd + .

  3. Menú de acciones rápidasCmd + /

  4. Reducir Zoom de la Página: Shift + 1

  5. Zoom a Selección: Shift + 2

  6. Abrir Figma Home: Cmd + 1

  7. Duplicar: Option + Arrastrar

  8. Bloquear/Desbloquear Capas: Cmd + Shift + L

Atajos de navegación

Navega por tus proyectos con estos atajos clave.

  1. Zoom In/Out: Cmd + + o Cmd + -

  2. Desplazar Lienzo: Mantén presionado Espacio y arrastra

  3. Ocultar/Mostrar UI: Cmd + \

  4. Mostrar/Ocultar Panel de Capas: Cmd + Option + 1

Manipulación de objetos

Manipula capas, marcos y objetos rápidamente para optimizar tu proceso de diseño.

  1. Duplicar: Cmd + D

  2. Agrupar Selección: Cmd + G

  3. Desagrupar Selección: Cmd + Shift + G

  4. Encapsular Selección: Cmd + Option + G

  5. Mover Capas con Precisión: Teclas de flechas (mover por 1 píxel), mantén Shift con las teclas de flecha (mover por 10 píxeles)

Selección de herramientas

Cambia de herramientas de forma eficiente para mantener tu flujo creativo.

  1. Herramienta de Selección (Herramienta de Movimiento): V

  2. Herramienta de Texto: T

  3. Herramienta Rectángulo: R

  4. Herramienta Elipse: O

  5. Herramienta Línea: L

  6. Herramienta Pluma: P

  7. Herramienta Mano: H (para mover el lienzo sin alterar el diseño)

Gestión de componentes

Gestiona componentes sin tener que levantar los dedos del teclado.

  1. Crear Componente: Cmd + Option + K

  2. Desprender Instancia: Cmd + Option + B

  3. Ir al Componente Principal: Cmd + Option + G

Edición de texto

Edita capas de texto de manera efectiva con estos atajos simples.

  1. Negrita: Cmd + B

  2. Cursiva: Cmd + I

  3. Subrayar: Cmd + U

  4. Aumentar Tamaño de Fuente: Cmd + Shift + >

  5. Disminuir Tamaño de Fuente: Cmd + Shift + <

Visualización y Comentarios

Gestiona la vista de tu espacio de trabajo y colabora mediante comentarios.

  1. Ajustar Selección a la Vista: Cmd + Shift + F

  2. Agregar Comentario: Cmd + Shift + C

Conclusión

Estos atajos están diseñados para reducir el tiempo dedicado a tareas rutinarias. Te brindan más oportunidades para concentrarte en los aspectos creativos del diseño.

Intenta usarlos regularmente para volverte más competente y acelerar tu flujo de trabajo en Figma.

Genera diseños de interfaz de usuario utilizando IA

Convierte tus ideas en diseños hermosos y fáciles de usar. Rápido y sencillo.