7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Figma

Consejos para Proyectos, Páginas & Mesas de Trabajo en Figma

Scroll to top
Read Time: 2 mins
This post is part of a series called Figma Tips and Tricks.
Figma Frame Tips
Figma Properties Tips

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

¡Bienvenidos a la siguiente entrega de nuestra serie de consejos y trucos para Figma! Ésta vez mejoraremos la manera en que trabajas tus proyectos, páginas y mesas de trabajo en Figma.

Mira los Consejos

1. Personaliza las Miniaturas de Proyecto

Es perfectamente posible crear miniaturas de proyecto personalizadas que se mostrarán en el área de borradores de tu escritorio o panel. Asegúrate de que la primera página de tu documento tenga un solo marco de 620x320px, luego rellena ese marco con cualquier contenido que quieras como tu miniatura.

Customize Project Thumbnails in FigmaCustomize Project Thumbnails in FigmaCustomize Project Thumbnails in Figma

2. Atajos de Teclado para Navegar Entre Páginas

Navegar entre páginas con un atajo de teclado facilita mucho las cosas. En Mac OS utiliza fn + las teclas de flecha arriba o abajo, y en Windows y Linux utiliza AvPag o RePag.

Keyboard Shortcuts to Navigate Between PagesKeyboard Shortcuts to Navigate Between PagesKeyboard Shortcuts to Navigate Between Pages

3. Atajos de Teclado para Navegar Entre Mesas de Trabajo

También es posible navegar entre mesas de trabajo usando el teclado. En Mac OS utiliza fn + las teclas de flecha izquierda o derecha, y en Windows o Linux utiliza Inicio o Fin.

Keyboard Shortcuts to Navigate Between ArtboardsKeyboard Shortcuts to Navigate Between ArtboardsKeyboard Shortcuts to Navigate Between Artboards

4. Navega y Haz Acercamiento Entre Mesas de Trabajo

Por defecto, cuando estás navegando por tus mesas de trabajo con los atajos de teclado seguirán con el mismo nivel de acercamiento. Sin embargo, al presionar n o Mayúsculas + n, navegarás hacia la izquierda o hacia la derecha respectivamente, mientras se hace un acercamiento en toda la mesa de trabajo automáticamente.

5. Realza la Visibilidad del Los Límites de la Mesa de Trabajo

Cuando tienes mesas de trabajo con el mismo color de fondo que todo tu documento puede ser difícil ver donde están los bordes de tus marcos. Asumiendo que tu mesa de trabajo es realmente un marco de nivel superior, para resolver ésto ve al menú View (Vista) y habilita Frame Outlines (Contorno de Marco).

Border visibility in FigmaBorder visibility in FigmaBorder visibility in Figma
Aquí puedes ver la mesa de trabajo "Features" tiene un marco visible

Recursos de Aprendizaje para Figma

Esos fueron algunos de los consejos rápidos para trabajar con proyectos, páginas, y mesas de trabajo en Figma. Para ayudarte a llevar las cosas al siguiente nivel tenemos una serie de cursos de Figma en Tuts+:

El kit de IU utilizado en éste tutorial es totalmente compatible con Figma y disponible en Envato Elements.

First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
Herramienta de Primer Orden IU/UX

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.