Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work with Figma projects, pages, and artboards.
1. Customize Project Thumbnails
It’s perfectly possible to create custom project thumbnails which will show up in your dashboard drafts area. Make sure that the first page of your document has just a single frame of 620x320px, then fill that frame with whatever content you want as your thumbnail.
2. Keyboard Shortcuts to Navigate Between Pages
Navigating between pages with a keyboard shortcut makes things much quicker. On Mac OS use fn + up or down arrow keys, and on Windows or Linux use PageUp or PageDown.
3. Keyboard Shortcuts to Navigate Between Artboards
It’s also possible to navigate between artboards using the keyboard. On Mac OS use fn + left or right arrow keys, and on Windows or Linux use Home or End.
4. Navigate and Zoom Between Artboards
By default, when you’re navigating through your artboards with the keyboard shortcuts they’ll remain at the same zoom level. However, by pressing n or SHIFT + n, you’ll navigate left or right respectively, whilst zooming into the whole artboard automatically.
5. Enhance Artboard Boundary Visibility
When you have artboards with the same backround color as your overall document it can be difficult to see where the edges of your frames are. Assuming your artboard is actually a top-level frame, to solve this go to the View menu and turn on Frame Outlines.
Figma Learning Resources
Those were some quick tips for working with projects, pages, and artboards in Figma. To help you take things to the next level we have a series of Figma courses on Tuts+:
FREEUI DesignIntroduction to FigmaAdi Purdila
- FigmaBeyond the Basics: FigmaAdi Purdila
- FigmaA Guide to Prototyping in FigmaAdi Purdila
- Hat tip to Carmel DeAmicis and Valerie Veteto for their regular community tips roundups—go and check them out!
The UI kit used in this tutorial is fully compatible with Figma and is no longer available from Envato Elements:
We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.
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.Update me weekly