Copy of Getting Started with Buzzy
The Buzzy AI wizard lets you create a working app from a simple AI prompt. You can then perform simple edits via AI and the Buzzy Workspace, or take your app into Figma and edit your live app with Figma's design tools and the Buzzy Figma plugin. The following series of videos cover this entire process.
Buzzy builds on a basic familiarity with Figma - start here if you're new to Figma! Alternatively we can connect you with partners who can help you.
Part 1: Buzzy AI and the Buzzy Workspace
Videos 1-6 cover an introduction to Buzzy and the Buzzy Workspace, including creating a simple app via AI.
1. Welcome (1:19)
Learn how to quickly create fully functional apps and website. Discover the Buzzy process, which includes kickstarting with AI, enhancing with Figma, and extending with custom code.
2. Introducing the Buzzy Workspace (1:18)
Whether you accessed Buzzy through our website or are joining us for the first time, we'll guide you through signing up, accessing the Workspace, and managing your apps.
3. Create an app from a prompt (1:29)
Use the Buzzy AI wizard to create a new app from scratch: starting from a simple prompt to generating a functional requirements document, building a data model, and creating a working app interface.
4. Preview your app in the Buzzy AI Editor (1:51)
In this video, learn how to preview and modify your Buzzy AI-created app using the Workspace Editor. Note that these edits use Buzzy AI tokens and are limited to simple changes.
The videos above are also available as a single Youtube playlist. Watch it here!
Part 2: Buzzy for Figma
NOTE: These videos depict an older version of the Buzzy interface - we're currently re-recording these, but the core principles are identical.
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. This is essential knowledge for taking an AI-generated app, and refining it for production.
1. Hello world (~6 mins)
Watch a basic introduction to the Buzzy plugin, and follow the creation of a simple 'hello world' example app.
2. Screens and navigation (~5 min)
Learn how to create a simple multi-page app with basic navigation directly from Figma using the Buzzy plugin.
3. Forms and fields (~6 min)
Learn how to create a simple live form (with working fields, submit and success actions) directly from Figma using the Buzzy plugin.
4. Data and menus (~7 min)
Learn how to add a simple data-based menu to an app directly from your Figma design file - including pagination and a 'load more' action.
5. Data and content (~9 min)
Building on the previous lesson, we're creating a data-driven content screen that we can link to from our data-driven menu. As a bonus, we'll add some metadata to our content screen on the fly - with only a tiny amount of geekery.
6. Data edit and delete (~ 13 min)
Adding to our simple data-driven app demo, we're going to enable users to edit and delete the data they've added to our app. Includes adding confirmation dialogs and success messages.
The videos above are also available as a single Youtube playlist. Watch it here!
Last updated