1. Web Design
  2. Learning Guides

Figma Tips and Tricks

Figma is fast becoming one of the industry’s favorite design and prototype tools. In this series of tutorials, Kezz Bracey will walk you through an extensive collection of tips and tricks, so you’ll be working with Figma like a pro in no time!

Or watch Adi Purdila's free video-based Figma tutorial to get up to speed on how to use Figma, whether you're a designer or a developer.

Posts in this series

  5. Figma Frame Tips

    Frames allow you to combine layers together under a single parent. Unlike groups, frames in Figma have explicitly set dimensions (much like an HTML iframe)....

  7. Figma Properties Tips

    Objects in Figma can have a range of properties applied to them. In this part of our Figma tips and tricks series we’ll look at ways to work with properties,...

  8. Figma Image Tips

    Figma offers a range of shortcuts and controls for importing images, placing them on the canvas, and modifying them once they’re in position. Let’s take a look!

  9. Figma Vector Tips

    Vectors are an important part of any UI or prototyping design application, and Figma has its own powerful set of vector tools. Here are some quick tips and...

  10. Figma Component Tips

    Figma allows us to design with components; repeatable objects which behave according to sets of rules which we define. Let’s run through some tips and tricks...

  11. Figma Layout Tips

    When working with layouts in Figma (which will be often) you’ll need to be comfortable with resizing, measurements, spacing, alignment, and masking. Here are...
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.