Learning Figma

Figma is a powerful design tool that allows you to design and build full stack apps when used with the Buzzy plugin. It offers a wide array of functionalities giving you full control over your app’s look and feel.

Here are some tips to efficiently and meaningfully learn Figma.

Figma's own tutorials, tips and resources

New to Figma? It's probably best to go straight to the source and learn directly from Figma. Here's some good starting points:

Looking for more advanced Figma articles?

The good folk at UIPrep have a great blog chock-full of articles covering more advanced Figma stuff, from using variables to colour systems and all the way up to implementing full design systems.

8+ Figma tips and best practices

Buzzy's Head of UX, Dave Tanner, gives us a run through his top tips to use Figma like a pro. From using auto-layout to creating design components, you'll learn the essentials to build a clean, consistent and responsive app design.

Figma Video Course

If you're eager to delve deeper, take advantage of Supercharge's Advanced Figma Course.

This series of video lessons and exercises offers a comprehensive yet easy-to-follow guide that cover Figma's fundamentals and beyond. Highly recommended for hands-on learning, at your own pace.

Use code BUZZY20AI to claim 20% off the Core or Extended version of the course.

Buzzy Tip: Name your layers!

Think of your Figma layers as the backbone of your app's design—keep them clean and clearly named. It's not just about neatness; it's also about making collaboration a breeze, turning handoffs into smooth transitions, and ensuring that tweaking a design is an effortless process.

Layer naming can also affect the behaviour of your app components when marked up in Buzzy. Here's an example!

Last updated