Buzzy Documentation
  • Welcome to Buzzy
  • Getting Started with Buzzy
    • Getting Started Guide
      • 1. Starting with Buzzy AI
      • 2. The Buzzy Workspace
      • 3. Create a new app
      • 4. Preview and edit your app
      • 5. Manage your app
      • 6. Import your app to Figma
      • 7. Using Buzzy with Figma
      • 8. The Buzzy Figma plugin
      • 9. Creating a simple app
      • 10. Screens and navigation
      • 11. Forms, fields and data
      • 12. Data-driven menus & content
      • 13. Data edit and delete
      • 14. Search, sort and filter
      • 15. User login and registration
    • Buzzy AI or Figma first?
  • Working with Buzzy
    • Buzzy AI
      • About Buzzy AI
      • Kickstart with AI
      • Enhance with Figma
      • Extend with Code
      • Example prompts
      • Tips
      • Troubleshooting Buzzy AI
      • AI tokens and pricing
    • Buzzy for Figma
      • About Buzzy for Figma
      • Learning Figma
      • Creating a new app directly in Figma
        • Step by step version
      • Automarkup
      • Responsive layouts
      • Responsive layout checklist
      • Overflow and scrolling
      • Forms and fields
      • Images and galleries
      • Logging users in to your app
      • Theming
      • Troubleshooting Buzzy for Figma
      • Plugin error messages
    • Buzzy Deployment & App Stores
      • Setting up your custom Buzzy app
      • Connecting your own server
      • Apple & Google App Stores
    • Buzzy Marketplace
      • Buzzy Accreditation
    • Buzzy Project Guide
    • Buzzy App Examples
      • Buzzy Templates
      • AI-Powered Chat App
      • AI-Powered Custom T-Shirt App
      • AI-Powered Strategy App
      • AI-Powered Stock Portfolio App
      • Golf Course Finder
      • Personal Finance App with Figma AI
    • FAQs
  • The building blocks
    • Datatables, Fields & Data
      • Introduction to Fields
      • Basic Fields
        • Text
        • Number
        • Date
        • Location
        • Toggle
        • Checkboxes
        • Checklist
        • Selectlist
        • Rating
        • Attachments
        • Images
        • Signature
        • Audio Recording
        • Embedded Link
      • Advanced Fields
        • Formula
        • Sub tables
        • Linked Table field
        • Button
        • Teams
        • Payment
        • Notification
        • Event
        • User Vote
      • Display Fields
        • Header
        • Display Text
        • Image
        • Divider
      • Metadata Fields
        • Author Name
        • Author Phone
        • Submitted
      • Filter Controls
        • Viewers
        • Tags
        • Condition
      • External Fields
        • IBM Connections File
        • Box File
      • Sort Fields
      • Formulas
      • Datatable to Datatable Relationships
      • Security and Access Control
      • Displaying a field based on the values of other fields
      • Hiding a field based on role using a display formula
      • Importing data from a text file
      • Importing data from a URL
      • Import data from Datatable
      • Export data using Chrome
      • Export data in Browser
      • Export data using Safari
      • Datatable Field Type - Cheat Sheet
      • Troubleshooting Fields & Data
    • Code widget (custom code)
      • Code Widget Fields - Advanced Guide
      • New Async API + React HTML Components
      • Examples
        • Image Galley Slideshow
        • Ratings Average and Distribution
        • Event Locations Map
    • Analytics
  • Troubleshooting
    • App Error Codes
      • Action Error
      • App Not Found
      • Component Missing
      • Component Not Set
      • Component Settings Error
      • Datatable Not Found
      • Datatable Not Set
      • Field Not Found
      • Field Not Set
      • No App Selected
      • No Context Name
      • No Screens Found
      • Runtime Exception
      • Screen Not Found
      • Screen Not Set
    • Troubleshooting Buzzy AI
    • Troubleshooting Figma
  • REST API
    • Buzzy REST API
      • Integrating 3rd party applications
      • REST API
        • login
        • createappwithprompt
        • MicroApp Data Operations
          • microappdata
          • microappdata/row
          • insertmicroapprow
          • updatemicroapprow
          • removemicroapprow
          • microappchild
        • User & Organization Operations
          • userid
          • insertteammembers
          • teammembers
          • insertorganization
          • insertteam
        • enforceteammembership
      • Node.js API Client
      • Datatable Rules
      • Datatabledata Tutorial
      • Integrating with Mailchimp
      • Python Access Datatable
  • Advanced Deployment Settings
    • Installation
      • Pre-installation Planning
      • Deployment
        • Introduction to deployment
        • Minikube install guide
        • AWS ECS Fargate install guide
        • HCL Connections install guide
        • Azure AKS install guide
        • Windows container install guide
      • Buzzy settings
      • Whitelabelling Buzzy
      • Certificates
      • Release Management
    • Performance and Reliability
    • Security
      • Platform
      • Users and Roles
      • Datatables
      • Audit Trail
Powered by GitBook
On this page
  • Open the Buzzy AI Figma toolkit
  • Copy the Buzzy AI toolkit
  • Run the Buzzy plugin
  • Connect your Buzzy and Figma accounts
  • Switch to the 'Your app here' page of the toolkit file.
  • Edit your app and republish from Figma!
  1. Archive
  2. Archive stuff

Getting your Buzzy AI app into Figma (full description)

Getting an AI-created Buzzy app into a Figma file so you can edit and republish it via the Buzzy Figma plugin.

Last updated 4 months ago

If you've used Buzzy AI to generate a new app via the Buzzy website or Buzzy Workspace, you can import the app into a Figma file. You can then edit and republish the app directly from Figma using the Buzzy Figma plugin.

Make sure you have a Figma account with the same email address as you've used for Buzzy.

It helps to be familiar with Figma, and have an understanding of how the Buzzy plugin works via our


Open the Buzzy AI Figma toolkit

In the Buzzy Workspace, go to the Buzzy Design tab, you should see a set of instructions (see screengrab). Click a UI kit file link - or just go .

Copy the Buzzy AI toolkit

Click the 'Open in Figma' button at top of the Figma community file web page - this will create a copy of the AI toolkit file in your own Figma 'Drafts' folder .

Note: If you don't have a Figma account yet, Figma will prompt you to create one - make sure you sign up with the same email address you used to create your Buzzy account.

Run the Buzzy plugin

Follow the instructions on the first page of the new file to find and run the Buzzy plugin.

Connect your Buzzy and Figma accounts

Follow the instructions in the Buzzy plugin to connect your Buzzy and Figma accounts (again - it's important you use the same email address for both Buzzy and Figma here).

Switch to the 'Your app here' page of the toolkit file.

The Buzzy plugin should recognise it can generate an app here, and will ask if you want to create a new one or import and existing one.

Potential gotcha: If you don't see the option to import your app in the Buzzy Figma plugin, make sure you have 'Wizard mode' enabled - click the 'magic' icon at the top left of the plugin nav bar:

Edit your app and republish from Figma!

Once that's done, you can use Figma to update your app screens and UI (for instance, see the instructions in the toolkit file for switching themes in seconds), and the traditional Buzzy plugin UI to modify your app data, markup and functionality. Once you've made changes, simply go to the publish tab of the plugin and republish your app.

Having problems? Check out our section.

FAQs and troubleshooting
getting started guides
here
https://www.figma.com/community/file/1431169980750969791www.figma.com