未加星标

Figma Project, Page & Artboard Tips

字体大小 | |
[系统(linux) 所属分类 系统(linux) | 发布者 店小二03 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work withFigma projects, pages, and artboards.

Watch Tips 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.


Figma Project, Page & Artboard Tips
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 .


Figma Project, Page & Artboard Tips
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 .


Figma Project, Page & Artboard Tips
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 Project, Page & Artboard Tips
Here you can see the “Features” artboard has a visible frame Figma Learning Resources

Those were some quick tips for working with projects, pages, and artboardsin Figma. To help you take things to the next level we have aseries of Figma courses on Tuts+:


Figma Project, Page & Artboard Tips

UI Design

Introduction to Figma

Adi Purdila


Figma Project, Page & Artboard Tips

Figma

Beyond the Basics: Figma

Adi Purdila


Figma Project, Page & Artboard Tips

Figma

A Guide to Prototyping in Figma

Adi Purdila

Hat tip to Carmel DeAmicis and Valerie Veteto for their regular community tips roundups―go and check them out! blog.figma.com www.figma.com

The UI kit used in this tutorial is fully compatible with Figma and available from Envato Elements :


Figma Project, Page & Artboard Tips
First Order UI/UX Tool

本文系统(linux)相关术语:linux系统 鸟哥的linux私房菜 linux命令大全 linux操作系统

代码区博客精选文章
分页:12
转载请注明
本文标题:Figma Project, Page & Artboard Tips
本站链接:https://www.codesec.net/view/610979.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 系统(linux) | 评论(0) | 阅读(85)