figma

#FigmaTip Roundup 8.0 | Figma Blog (opens in new tab)

This edition of Figma’s #FigmaTip Roundup collects quick workflow improvements from the design community. It focuses on making projects easier to identify visually and navigating layers and selections more efficiently. Together, the tips show how small organizational and keyboard-shortcut habits can speed up everyday Figma work.

Customizing Project Thumbnails

  • Create a single frame on the first page of a project, sized approximately 620 × 320 pixels.
  • Design a visually distinctive thumbnail inside the frame, using relatively large text.
  • Match the frame’s color with the canvas background so the thumbnail appears polished and cohesive.
  • This makes projects easier to recognize quickly in Figma’s project view.

Navigating the Layers Panel

  • The roundup highlights keyboard shortcuts for moving through and managing layers.
  • The supplied article text does not include the details of this embedded tip, but its purpose is to reduce reliance on manually clicking through the layers panel.

Speeding Up Selection and Layer Management

  • Tab / Shift-Tab: Select the next or previous sibling layer.
  • Return / Shift-Return: Enter or exit groups and frames while maintaining selection context.
  • Command + ] / Command + [: Move a layer up or down in the stacking order.
  • Option + Command + ] / Option + Command + [: Move a layer to the top or bottom of the stacking order.

The practical recommendation is to combine a deliberately designed project thumbnail with regular use of selection and layer shortcuts. These simple techniques improve both project organization and editing speed without changing the underlying design process.