{"id":4055,"date":"2024-10-25T11:00:00","date_gmt":"2024-10-25T09:00:00","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?p=4055"},"modified":"2024-10-09T06:43:01","modified_gmt":"2024-10-09T04:43:01","slug":"50-atajos-de-teclado-imprescindibles-para-dominar-figma","status":"publish","type":"post","link":"https:\/\/sutilweb.eu\/index.php\/2024\/10\/25\/50-atajos-de-teclado-imprescindibles-para-dominar-figma\/","title":{"rendered":"50 atajos de teclado imprescindibles para dominar Figma"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Figma<\/strong> se ha consolidado como una de las herramientas m\u00e1s utilizadas por <strong>dise\u00f1adores UI\/UX<\/strong> para crear interfaces de usuario, prototipos y colaboraciones en tiempo real. Sin embargo, trabajar en Figma de manera eficiente requiere dominar ciertos <strong>atajos de teclado<\/strong> que pueden ahorrarte tiempo y mejorar tu flujo de trabajo. En este art\u00edculo, exploraremos 50 atajos de teclado imprescindibles para agilizar tu trabajo en Figma, desde los m\u00e1s b\u00e1sicos hasta algunos menos conocidos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Atajos b\u00e1sicos de Figma<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para empezar, es crucial familiarizarse con los atajos m\u00e1s comunes. Estos te permitir\u00e1n realizar acciones cotidianas sin tener que usar el rat\u00f3n.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Copiar<\/strong>: <code>Ctrl + C<\/code> (Windows) \/ <code>Cmd + C<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Pegar<\/strong>: <code>Ctrl + V<\/code> (Windows) \/ <code>Cmd + V<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Cortar<\/strong>: <code>Ctrl + X<\/code> (Windows) \/ <code>Cmd + X<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Deshacer<\/strong>: <code>Ctrl + Z<\/code> (Windows) \/ <code>Cmd + Z<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Rehacer<\/strong>: <code>Ctrl + Y<\/code> (Windows) \/ <code>Cmd + Shift + Z<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Navegaci\u00f3n r\u00e1pida por el lienzo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Moverte r\u00e1pidamente en tu lienzo es esencial cuando trabajas en proyectos grandes y complejos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zoom<\/strong>: <code>Ctrl + Rueda del rat\u00f3n<\/code> (Windows) \/ <code>Cmd + Rueda del rat\u00f3n<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Ajustar zoom a 100%<\/strong>: <code>Ctrl + 0<\/code> (Windows) \/ <code>Cmd + 0<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Centrar en selecci\u00f3n<\/strong>: <code>Shift + 2<\/code><\/li>\n\n\n\n<li><strong>Mostrar\/ocultar cuadr\u00edcula<\/strong>: <code>Ctrl + ' (comilla)<\/code> (Windows) \/ <code>Cmd + ' (comilla)<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Selecci\u00f3n y manipulaci\u00f3n de objetos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de los aspectos m\u00e1s importantes del dise\u00f1o en Figma es la capacidad de seleccionar y modificar elementos de forma r\u00e1pida y precisa.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Seleccionar todos los elementos<\/strong>: <code>Ctrl + A<\/code> (Windows) \/ <code>Cmd + A<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Duplicar objeto<\/strong>: <code>Ctrl + D<\/code> (Windows) \/ <code>Cmd + D<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Bloquear\/desbloquear capas<\/strong>: <code>Ctrl + Shift + L<\/code> (Windows) \/ <code>Cmd + Shift + L<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Alinear a la izquierda<\/strong>: <code>Ctrl + Alt + L<\/code> (Windows) \/ <code>Cmd + Option + L<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Alinear a la derecha<\/strong>: <code>Ctrl + Alt + R<\/code> (Windows) \/ <code>Cmd + Option + R<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Creaci\u00f3n y edici\u00f3n de formas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Crear y modificar formas es fundamental para estructurar tus dise\u00f1os en Figma. Estos atajos te permitir\u00e1n hacerlo m\u00e1s r\u00e1pidamente.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Crear rect\u00e1ngulo<\/strong>: <code>R<\/code><\/li>\n\n\n\n<li><strong>Crear l\u00ednea<\/strong>: <code>L<\/code><\/li>\n\n\n\n<li><strong>Crear elipse<\/strong>: <code>O<\/code><\/li>\n\n\n\n<li><strong>Agregar esquina redondeada<\/strong>: <code>Ctrl + Alt + K<\/code> (Windows) \/ <code>Cmd + Option + K<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Unir capas seleccionadas<\/strong>: <code>Ctrl + E<\/code> (Windows) \/ <code>Cmd + E<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Trabajo con texto<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El texto es un componente esencial en cualquier dise\u00f1o de interfaz. Estos atajos har\u00e1n que trabajar con texto en Figma sea mucho m\u00e1s sencillo.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Agregar texto<\/strong>: <code>T<\/code><\/li>\n\n\n\n<li><strong>Aumentar tama\u00f1o de fuente<\/strong>: <code>Ctrl + Shift + ><\/code> (Windows) \/ <code>Cmd + Shift + ><\/code> (Mac)<\/li>\n\n\n\n<li><strong>Disminuir tama\u00f1o de fuente<\/strong>: <code>Ctrl + Shift + &lt;<\/code> (Windows) \/ <code>Cmd + Shift + &lt;<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Alinear texto al centro<\/strong>: <code>Ctrl + Alt + C<\/code> (Windows) \/ <code>Cmd + Option + C<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Duplicar estilo de texto<\/strong>: <code>Ctrl + Shift + T<\/code> (Windows) \/ <code>Cmd + Shift + T<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">6. Manejo de capas y grupos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En Figma, las capas y los grupos son esenciales para mantener organizado tu dise\u00f1o. Con estos atajos, podr\u00e1s gestionar mejor las capas y grupos en tu proyecto.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Agrupar capas<\/strong>: <code>Ctrl + G<\/code> (Windows) \/ <code>Cmd + G<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Desagrupar capas<\/strong>: <code>Ctrl + Shift + G<\/code> (Windows) \/ <code>Cmd + Shift + G<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Mostrar\/ocultar capas<\/strong>: <code>Ctrl + Shift + H<\/code> (Windows) \/ <code>Cmd + Shift + H<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Organizar capas<\/strong>: <code>Ctrl + Shift + [ ]<\/code> (Windows) \/ <code>Cmd + Shift + [ ]<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">7. Uso de componentes y variaciones<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los componentes son fundamentales para mantener la consistencia en los dise\u00f1os. Aqu\u00ed tienes algunos atajos para trabajar con ellos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Crear componente<\/strong>: <code>Ctrl + Alt + K<\/code> (Windows) \/ <code>Cmd + Option + K<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Desagrupar componente<\/strong>: <code>Ctrl + Shift + B<\/code> (Windows) \/ <code>Cmd + Shift + B<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Abrir instancia del componente<\/strong>: <code>Ctrl + Shift + O<\/code> (Windows) \/ <code>Cmd + Shift + O<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">8. Prototipado r\u00e1pido<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Figma es una poderosa herramienta de prototipado, y estos atajos te ayudar\u00e1n a conectar pantallas y definir interacciones de manera eficiente.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Abrir modo prototipo<\/strong>: <code>Shift + E<\/code><\/li>\n\n\n\n<li><strong>Conectar pantallas<\/strong>: <code>Ctrl + L<\/code> (Windows) \/ <code>Cmd + L<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Ver prototipo<\/strong>: <code>Ctrl + Enter<\/code> (Windows) \/ <code>Cmd + Enter<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">9. Colaboraci\u00f3n y revisi\u00f3n de proyectos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El trabajo colaborativo es uno de los puntos fuertes de Figma. Con estos atajos, podr\u00e1s comunicarte con tu equipo y revisar los proyectos m\u00e1s r\u00e1pidamente.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Agregar comentario<\/strong>: <code>C<\/code><\/li>\n\n\n\n<li><strong>Navegar entre comentarios<\/strong>: <code>N<\/code><\/li>\n\n\n\n<li><strong>Moverse entre versiones del archivo<\/strong>: <code>Ctrl + Alt + V<\/code> (Windows) \/ <code>Cmd + Option + V<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">10. Accesos r\u00e1pidos adicionales para productividad<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, aqu\u00ed te dejo algunos atajos adicionales que mejorar\u00e1n tu productividad y har\u00e1n tu experiencia con Figma mucho m\u00e1s fluida.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ver en modo presentaci\u00f3n<\/strong>: <code>Ctrl + \\<\/code> (Windows) \/ <code>Cmd + \\<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Activar\/desactivar modo oscuro<\/strong>: <code>Shift + D<\/code><\/li>\n\n\n\n<li><strong>Mostrar\/ocultar panel lateral<\/strong>: <code>Ctrl + .<\/code> (Windows) \/ <code>Cmd + .<\/code> (Mac)<\/li>\n\n\n\n<li><strong>Ir a un archivo reciente<\/strong>: <code>Ctrl + O<\/code> (Windows) \/ <code>Cmd + O<\/code> (Mac)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Conclusi\u00f3n<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dominar los atajos de teclado en Figma<\/strong> no solo aumentar\u00e1 tu productividad, sino que te permitir\u00e1 enfocarte en lo m\u00e1s importante: el dise\u00f1o. Ya sea que est\u00e9s creando un <strong>prototipo<\/strong>, colaborando con tu equipo o ajustando los detalles finales de un proyecto, estos atajos te ayudar\u00e1n a navegar por Figma con fluidez y confianza.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enlaces a libros recomendados:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.amazon.com\">Dise\u00f1o de interfaces de usuario: Principios y t\u00e9cnicas<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\">Gu\u00eda completa de prototipado para UX\/UI<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\">Flujo de trabajo eficiente en dise\u00f1o web<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Enlaces a p\u00e1ginas web recomendadas:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a>Figma: Atajos de teclado oficiales<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxdesign.cc\">UX Design Blog: Consejos para Figma<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/muz.li\">Muzli: Inspiraci\u00f3n para dise\u00f1adores en Figma<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/designmodo.com\">Designmodo: Tutoriales de Figma<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.smashingmagazine.com\">Smashing Magazine: Mejores pr\u00e1cticas en Figma<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Figma se ha consolidado como una de las herramientas m\u00e1s utilizadas por dise\u00f1adores UI\/UX para crear interfaces de usuario, prototipos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4058,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[133],"tags":[304,306,303,305,307],"class_list":["post-4055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analitica-web","tag-atajos-de-teclado","tag-diseno-ui-ux","tag-figma","tag-productividad-en-diseno","tag-prototipado-en-figma"],"uagb_featured_image_src":{"full":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma.webp",1024,1024,false],"thumbnail":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma-150x150.webp",150,150,true],"medium":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma-300x300.webp",300,300,true],"medium_large":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma-768x768.webp",768,768,true],"large":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma.webp",1024,1024,false],"1536x1536":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma.webp",1024,1024,false],"2048x2048":["https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/10\/Los-10-atajos-de-teclado-para-Figma.webp",1024,1024,false]},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Figma se ha consolidado como una de las herramientas m\u00e1s utilizadas por dise\u00f1adores UI\/UX para crear interfaces de usuario, prototipos [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/posts\/4055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=4055"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/posts\/4055\/revisions"}],"predecessor-version":[{"id":4057,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/posts\/4055\/revisions\/4057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media\/4058"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=4055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/categories?post=4055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/tags?post=4055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}