1 Duplicating layers : hold alt and drag it. After you done this, you can press ctrl+D to duplicate another one with the same space.
2 Default layer name : delete the default name and press tab will make it display as the text content.
3 Fancy circles : hold alt, the circle center start at where you point. Change the ratio.
3.1 select color with keyboard : press [i]
4 Applying opacity to anything : press keyboard[1,2,3….] to change opacity percentage. If you press two keys quickly, for example 1+2, you will get 15% percent opacity.
5 Copy styles : ctrl+ alt + c copy one item style and choose another item then ctrl + alt + v to paste that style.
6 Superfast scrubbing : watch video
7 Smart selection : watch video
8 Move the selection : draw a suitable area and hold [ spacebar] to create a selection area.
9 Figma performance : [ctrl + / ] key in [resource use ] to see how much memory space has been used in RAM.
10 Keyboard Shortcuts Gamified : pageup / pagedown to swap to different page. [ctrl + \ ] hide all panels.
11 ~19 : watch video
20 batch importing images : ctrl + shift + k then select multiple pics, back to the canvas, click item one by one.
21 Importing images and GIFs : drag pics/gif from desktop into fill panel
22 Copying & Pasting Tips : ctrl + c and select one canvas then ctrl + v, it will paste on the same place as the original ones.
23 Paste into selection : hold shift + ctrl+ v, it will paste on the top left corner of selected items.
24 Selecting with keyboard : one click to select item and press [enter] to go into editing mode
25 Adjusting color values : use the up/down key to adjust color values in fill panel
26 Pasting values from CSS : paste css code into fill panel
27 Changing color in real time : select an item press [i] and place mouse on any color, one click and hold it. You can preview the color is suitable or not.
28 Changing text properties : double click on the text frame to make it into one line text.
29 Batch changing the font : select one text frame, ctrl + / , key in [ font] then select [ select all with the same font]. You can modify font / size and other properties at once.
30 Adjust hue and alpha with scroll : on the color picker panel, changing the hue with scroll. Hold alt to change alpha.
31 Creating multiple components at once : hold [shift] to select different items and click the [create component icon] , select [ create multiple compoents]
32 Prefixing layers : select multiple layers on the left panel , ctrl + R , rename all the selected layers
33 Component swapping : choose one component and right click, select [swap instance] from the menu. Changing instance into any other components you want.
34 Finding master component : choose one instance and you will see [ go to master component] on the right panel
35 Change instance into master : select instance, click [ push override to master] on the right panel of instance section
36 Better asset preview : watch the video by yourself.
37 Project thumbnails : Create [ page 1 ] on the left panel. Make your own thumbnail. Put other elements on other pages to make page 1 clean.
38 Advanced layer renaming : watch the video
39 Removing parts of the layer name : watch the video
40 Finding layers on the canvas : double click the icon of that layer, it will highlight the target layer. Also you can select the layer then press [ shift + 2].
41 Grouping color style : to name a color
42 Adding description to components : add description about the compoenets
43 Saving files with descriptions : although figma saving files automatically, you can save files with descriptions. Ctrl + alt + s, add some notes to your files saving histories. And also you can review file histories.
1 Duplicating layers : hold alt and drag it. After you done this, you can press ctrl+D to duplicate another one with the same space.
2 Default layer name : delete the default name and press tab will make it display as the text content.
3 Fancy circles : hold alt, the circle center start at where you point. Change the ratio.
3.1 select color with keyboard : press [i]
4 Applying opacity to anything : press keyboard[1,2,3….] to change opacity percentage. If you press two keys quickly, for example 1+2, you will get 15% percent opacity.
5 Copy styles : ctrl+ alt + c copy one item style and choose another item then ctrl + alt + v to paste that style.
6 Superfast scrubbing : watch video
7 Smart selection : watch video
8 Move the selection : draw a suitable area and hold [ spacebar] to create a selection area.
9 Figma performance : [ctrl + / ] key in [resource use ] to see how much memory space has been used in RAM.
10 Keyboard Shortcuts Gamified : pageup / pagedown to swap to different page. [ctrl + \ ] hide all panels.
11 ~19 : watch video
20 batch importing images : ctrl + shift + k then select multiple pics, back to the canvas, click item one by one.
21 Importing images and GIFs : drag pics/gif from desktop into fill panel
22 Copying & Pasting Tips : ctrl + c and select one canvas then ctrl + v, it will paste on the same place as the original ones.
23 Paste into selection : hold shift + ctrl+ v, it will paste on the top left corner of selected items.
24 Selecting with keyboard : one click to select item and press [enter] to go into editing mode
25 Adjusting color values : use the up/down key to adjust color values in fill panel
26 Pasting values from CSS : paste css code into fill panel
27 Changing color in real time : select an item press [i] and place mouse on any color, one click and hold it. You can preview the color is suitable or not.
28 Changing text properties : double click on the text frame to make it into one line text.
29 Batch changing the font : select one text frame, ctrl + / , key in [ font] then select [ select all with the same font]. You can modify font / size and other properties at once.
30 Adjust hue and alpha with scroll : on the color picker panel, changing the hue with scroll. Hold alt to change alpha.
31 Creating multiple components at once : hold [shift] to select different items and click the [create component icon] , select [ create multiple compoents]
32 Prefixing layers : select multiple layers on the left panel , ctrl + R , rename all the selected layers
33 Component swapping : choose one component and right click, select [swap instance] from the menu. Changing instance into any other components you want.
34 Finding master component : choose one instance and you will see [ go to master component] on the right panel
35 Change instance into master : select instance, click [ push override to master] on the right panel of instance section
36 Better asset preview : watch the video by yourself.
37 Project thumbnails : Create [ page 1 ] on the left panel. Make your own thumbnail. Put other elements on other pages to make page 1 clean.
38 Advanced layer renaming : watch the video
39 Removing parts of the layer name : watch the video
40 Finding layers on the canvas : double click the icon of that layer, it will highlight the target layer. Also you can select the layer then press [ shift + 2].
41 Grouping color style : to name a color
42 Adding description to components : add description about the compoenets
43 Saving files with descriptions : although figma saving files automatically, you can save files with descriptions. Ctrl + alt + s, add some notes to your files saving histories. And also you can review file histories.
44 Sharing specific version of the document
45 Sharing links from Figma
46 Opening files from clipboard