Learning Figma
PreviousLesson 6 - Data Edit and Delete (~ 13 min)NextUsing Buzzy AI to create an app directly in Figma
Last updated
Last updated
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.
New to Figma? It's probably best to go straight to the source and learn directly from Figma. Here's some good starting points:
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.
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.
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.
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!
