Learning & Practicing Figma (100 Days)

Nirmala M
2 min readOct 28, 2022

DAY 1 — 5 useful shortcuts in Figma (Part 1)

  1. Apply auto Layout Shift+A
  2. Quick actions cmd+/
  3. Swap stroke and fills shift+X
  4. Scale tool: K
  5. Copy and paste after replace ctrl+c ctrl+shift+R

DAY 2 — 15 tips to design 15X faster in Figma | Figma Tutorial 2022

  1. Easy background-color code #222222
  2. command + P or Command + / for quick find
  3. color picker “I”
  4. command + Y to find components can view components in blue line
  5. duplicate → Option and drag or command + D
  6. shift + 1 zoom to fit
  7. shift + 2 zoom in particular selection
  8. shapes equal divide Eg 620/5*3 = 5 out of 3 splits → 3 splits
  9. Bulk separate export 1. select export 2. Command + Shift + E
  10. copy style → command + option+C Paste style → command + option + V
  11. deep select → press command and then click
  12. hide and show side panels → command + . or command + \
  13. go back to space 1 (home) command+1, command+2 for second space, command+3 for third space….
  14. expand shapes → command + shift + o
  15. auto layout → shift vertical, horizontal
  16. command + R → rename all layers
  17. keep objects inside the frame → select and press the spacebar
  18. prototype screen → “Z” zoom to fit, command +. hide/show toolbars
  19. always best to design using a frame, select groups right-hand side you have a dropdown to change the group to frame.

--

--

Nirmala M

🦄 Product Designer💡Creative thinker 👉 Writer and Learner! 👀 www.helloimnirmala.com ❤️Product addicted??