Buzzy for Figma
Design, test, and publish working Buzzy apps from Figma.
Buzzy for Figma lets you turn a marked-up Figma design into a working Buzzy app with real data, live forms, navigation, user-generated content, and responsive layouts.
Use this path when the design file is the source of truth, when a designer is leading the app experience, or when you want to keep iterating visually in Figma after an app has been created.
Start from Figma
The usual Figma path is:
Design the screens in Figma.
Use Buzzy markup conventions to identify screens, forms, fields, buttons, menus, data-driven lists, images, galleries, and responsive behavior.
Use the Buzzy Figma plugin to connect to Buzzy.
Publish the marked-up design as a Buzzy app.
Test the live app with real data and real forms.
For a hands-on walkthrough, start with Getting Started with Figma.
Keep Iterating with Figma and Buzzy
After the app exists, Figma remains useful for visual and structural changes:
update layouts, sections, responsive behavior, and visual hierarchy
refine themes, typography, colors, and components
add or adjust screens and navigation
update forms, fields, galleries, images, menus, and data-driven content
publish changes back to the Buzzy app
Use Buzzy Workspace alongside Figma for the parts that are better managed as app configuration:
datatables, fields, relationships, sample data, and row permissions
People, Teams, Organizations, and app settings
functions, constants, APIs, MCP, and Custom MCP exposure
tests, security review, publishing, and deployment
Figma, AI, and Builder MCP Together
Figma is not isolated from the other creation paths.
Start with Buzzy AI, then refine the generated app in Figma.
Start with Figma, then use Buzzy AI or the Workspace to refine data, flows, screens, and theme.
Use Builder MCP for staged agent-assisted changes when you need deeper inspection, code widgets, functions, validation, or test-oriented edits.
Table of Contents
Resources
Support
Last updated