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
      • 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
  • Login Action Types
  • Email direct login link (Passwordless Login)
  • Login with email and password
  • Create password
  • Change password
  • Email reset password link
  • Create account (with email verification)
  • Invite user
  • Reset password
  • Demo login (e.g for App Store approval)
  • Logout
  • Setting up a Login and Registration Flow
  • Enabling Logins
  • Buzzy AI Toolkit
  • AI-Generated Apps
  • Login Flow Template
  1. Working with Buzzy
  2. Buzzy for Figma

Logging users in to your app

Buzzy supports a wide range of logging in and onboarding scenarios.

Login Action Types

Email direct login link (Passwordless Login)

Email the user a link that will log them in. Use this option to enable passwordless login to your app.

Login with email and password

Submits the credentials (email and password) for authentication. If successful, navigate to a specified screen.

Create password

Creates a new password for a user. Used when an account was created by an admin or when the user was passwordless and now upgrades to a password account.

Change password

Change the user’s password; requires the correct current password and a new password.

Email reset password link

Email the user a link to reset their password. Your app must have a Reset Password Screen defined. To define a Reset Password Screen, go to the Settings page and enter the name of your Reset Password Screen into the corresponding field. Please note, this action requires you to define a Confirmation Screen. A Confirmation Screen is the screen that the app navigates to while waiting for the user to complete an out-of-app action (e.g. clicking a link sent on email or sms). A Confirmation Screen should let the user know that the action was performed (e.g. the email or sms was sent) and that they need to complete the action as instructed.

Create account (with email verification)

Creates an account with an email and a password, then email the user a link to verify their email address.

Invite user

Sends a user’s email an invitation link that allows them to create an account.

Reset password

After a user clicks the Reset Password Link sent on email, this action is used to change their password and log them in.

Demo login (e.g for App Store approval)

Use this for providing access to Apple or Google app store reviewers to bypass the need to receive an email.

Logout

Logs the user out of all sessions (web, mobile, and testing (for developers))

Setting up a Login and Registration Flow

A login flow typically requires at least a login screen, and a login confirmation screen if passwordless logins are being used.

If your login flow also requires registration then a user registration screen, also with a confirmation, would be required as well. Typically there would also be post registration steps for accepting a license and going through some kind of onboarding flow.

Enabling Logins

Login is controlled by Buzzy apps by the Privacy setting. If the app is set to 'Private' a login is required and the user will need to be a assigned to have access to the app. If the Privacy is set to 'Unlisted' or 'Public', no login is required.

Buzzy AI Toolkit

The Figma Buzzy AI Toolkit has examples for each of the screens that would appear in a login flow. If you use the AI app generation in the Buzzy plugin, it will setup the login flow for you, and on publishing to Buzzy, you can test this flow by enabling login on the app.

AI-Generated Apps

All AI-generated apps are ready for logins to enabled: they have login and registration screens as well as license and onboarding screens; the screens are set up in the app settings, and a group has been created for registered users to be added to. All that needs to be done to enable this is to set the app privacy setting to Private, which will typically also already be set up unless you asked for the app to be anonymous in your prompt.

Login Flow Template

PreviousForms and fieldsNextTheming

Last updated 10 months ago

Besides the login flow in the AI toolkit, there is also a more comprehensive login demo available here:

https://www.figma.com/community/file/1141010375005736952/buzzy-plugin-login-demo