Navigate back to the homepage
TipsFilesPlugins
#18

Paste above a layer

The fastest way to bring an element to a dedicated position, by paste above on layer.

  1. Copy an element with “Copy + C”
  2. Select a layer
  3. Press “⌘ + Shift + V”

#17

Hide other peoples' cursor

View other people’s cursors is cool. But sometimes, it’s scary and affects our productivity. We can hide them by going to View -> Uncheck “Show Multiplayer Cursors” or press “Option + ⌘ + \”

#16

Better way to swap a symbol

  1. Navigation to the Assets tab
  2. Search for a Symbol / Component you want to replace.
  3. Press “Option + ⌘”
  4. Drag that symbol and drop it to the area where you want to swap the symbol (The dropzone is highlight with a Purple border)
  5. Done.

#15

Steal a style of an element

Along with duplicating an element, we can copy the style. It’s super helpful when we want to overwrite an element in a component.

  1. Select element you want to copy. Press Ctrl/Cmd + Option + C to copy element’s style (color, shadow, border radius,…)
  2. Select destination element, Press Ctrl/Cmd + Option + V to pasted

#14

Add animation to your prototype using GIF

  1. Select a shape then drag your gif to fill it.
  2. Click “Present” and watch your prototype come to life

Alternatives ways, you can use Lottie file for Figma to add all Lottie animationsor add your own lottie files.

#13

Faster way to change text resizing to Auto-resize

If you double-click the edge of a Text layer’s frame, it will change text resizing to ‘auto-resize’ — which can be really helpful in certain situations

Credit @DavidWilliames

#12

Set default color when adding a new text

Every time we add a new text element, Figma set the default color to #000000, which is very dangerous when we don’t pay attention to change color. Because it’s not in our color palette.

To set the default color for our text.

  1. Add a new text with a color we want.
  2. Go to the Menu “Edit -> Set Default Properties”
  3. Done. Now every time we add new text, the style match without Design System colors.

#11

Open multiple windows in the desktop

Did you know you can open multiple windows in the desktop client? ⇧ + ⌘ + N (Mac) or ⇧ + Ctrl + N (Win).

Handy for working in the same file at different zoom levels or pixel preview settings at the same time.

© 2020 byTrong Nguyen
Link to $https://twitter.com/trongawesomeLink to $https://medium.com/@trongawesomeLink to $https://www.instagram.com/trongawesome