Learning Buzzy - 'Getting Started' guide for the Buzzy Figma plugin
This is the ideal guide for anyone new to both Buzzy *and* Figma.
The Perfect Starting Point for Buzzy Beginners
This is the ideal guide for anyone new to Buzzy. Here, you’ll learn the fundamentals by manually marking up your Figma file—without using Automarkup. This hands-on approach helps you understand the basics of how your designs transform into functional apps, building a solid foundation for future projects.
Why Manual Markup Matters
Learning manual markup is essential for:
Existing Figma Designs: Apply markup to turn your existing designs into functional apps with full control.
Refining Automarkup: Enhance or fix areas where Automarkup may not meet your needs.
Extending AI-Generated Figma Files: Customize and expand on designs created by Buzzy AI.
This knowledge ensures you can optimize any design and fully leverage Buzzy's capabilities.This series of short video lessons focuses on using the Buzzy Figma plugin to manually create a custom app from scratch. It will step you through the creation of a simple app, starting with basic screens and slowly introducing more advanced concepts.
The combined time for all 6 lessons, ~45 minutes.
Follow along as we show you how to use the basic Buzzy elements and try it yourself using the accompanying example file in each lesson.
Using Buzzy AI and have a new Buzzy app? This set of guides will introduce you to the core concepts you need to edit your app in Figma.
Buzzy builds on a basic familiarity with Figma. Read this article for Figma tips and best practices.
For a complete playlist of our Youtube videos and demos, go here! As well as the Getting Started videos, there's a range of tutorials and demos covering more advanced techniques and tips.
Note
The Buzzy plugin has been updated since the videos were recorded. These changes do not change the basic principles and concepts outlined in the videos, but you will notice the following:
BRIEF: This tab is used only if generating a new app from scratch using Buzzy AI
DATA MODEL: Previously DATA, this is where you define your app's data model
MARKUP: Previously DESIGN, this is where you link your Figma design to functionality, roles, data and behaviour
PUBLISH: This is where you publish your app to a server for previewing and deployment
Last updated