Learning Buzzy - 'Getting Started' guide for the Buzzy Figma plugin
This is the ideal guide for anyone new to both Buzzy *and* Figma.
Last updated
This is the ideal guide for anyone new to both Buzzy *and* Figma.
Last updated
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.
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