You can open the menu by using Command + Option + O on Mac or Ctrl + Alt + O on Windows to open the team library menu. While creating the design in a group, you might want to visit the Team library, which consists of common components and icons among the members.
#Figma for mac software#
Show Team Libraryĭo you know Figma is also termed as the Google Docs of the design industry? The software comes with seamless sharing options that allow you to add editors to the team.įor big projects, each team member is given a separate task for design. Now, access them from the Components menu (Check #4).
#Figma for mac for mac#
You can group the icons and text using the Group tool and then use the Option + Command + K for Mac or Ctrl + Alt + K for Windows to create a component. Some examples can be a hamburger menu, bottom bar menu, buttons, etc., that you want to reuse for other screens too. You might want to reuse the same elements throughout the design UI. Create ComponentsĬomponents are the heart and soul of Figma experience. To unlock, use the same keyboard shortcut. It is represented by a tiny lock icon in the Layers menu. In such cases, you can select the element and use Command + Shift + L for Mac or Ctrl + Shift + L for Windows to lock them.
In these scenarios, you won’t want to move any icon, text, or component accidentally. When you are creating a design with too many layers and components, the Figma canvas might become quite busy for you.
To ungroup them, use the Command + Shift + G for Mac or Ctrl + Shift + G for Windows. You can select the elements and use Command + G for Mac or Ctrl + G for Windows to create a group. After adding shapes, icons, text, you might want to group them to move or modify them easily. Grouping and ungrouping are one of the most important parts of any design software. Now select the other element and use the Option + Command + V for Mac or Ctrl + Shift + V for Windows to paste the style. Want to quickly copy the current color/design of a component to other text or icon? You can select the current element and use Option + Command + C for Mac or Ctrl + Shift + C for Windows to copy its style.
#Figma for mac code#
Hover the color picker over an image or icon and copy the color code from the color picker menu. You can use ‘I’ keyboard shortcut on Mac or Windows to open the color picker. This function is useful when you want to extract color from an image or icon or any other component. Then use Option + 2 for Mac or Alt + 2 for Windows to go to the Components menu. You can use Option + 1 for Mac or Alt + 1 for Windows to move to the layers panel. You may require to move between them constantly. These two keyboard shortcuts are quite handy when you are working on a design project with too many layers and components. You can always choose them from the top menu or use the P keystroke for Pen, V for Move, and T for Text tool on Windows and Mac. During your design workflow, you will use these three tools quite a lot.
You will get what I mean after you play with it for a few minutes. Pen, Move, and Text Toolįigma offers a powerful and customizable Pen tool. Use Control + G keyboard shortcut on Mac to show/hide layout grids. It lets you arrange the components, icons with the same distance, allows you to organize the text and other elements.
#Figma for mac Pc#
I generally don’t use Rulers in Figma, but if you are planning to use them during the UI design, then you can use the Shift + R keyboard shortcut on PC or Mac to show/hide rulers. Show/Hide Rulers and Show/Hide Layout Grids Shift + 2 to Zoom in the selected frame (my most-used keyboard shortcut as it lets me quickly view the details of the selected component), and Shift + 0 to Zoom 100%. These will be the most-used keyboard shortcuts during your workflow.įor Windows and Mac, you can use Shift + 1 to fit the layers to the screen. You can’t use Figma or any UI/UX design software without mastering the Zoom keyboard shortcuts. In this post, we shall cover eleven best Figma keyboard shortcuts that you can use on a Windows PC and Mac.