# Buzzy for Figma

Get a live web app you can edit and update directly from Figma. Colour changes? No problem. Add a new section? Done. Conduct user tests with real data and working forms? Easy.

## Table of Contents

* [About Buzzy for Figma](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/about-buzzy-for-figma)
* [Automarkup](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/automarkup)
* [Creating a New App Directly in Figma](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/creating-a-new-app-directly-in-figma)
  * [Step by Step Version](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/creating-a-new-app-directly-in-figma/step-by-step-version)
* [Forms and Fields](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/forms-and-fields)
* [Images and Galleries](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/images-and-galleries)
* [Learning Figma](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/learning-figma)
* [Logging Users In to Your App](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/logging-users-in-to-your-app)
* [Overflow and Scrolling](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/overflow-and-scrolling)
* [Plugin Error Messages](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/plugin-error-messages)
* [Responsive Layout Checklist](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/responsive-layout-checklist)
* [Responsive Layouts](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/responsive-layouts)
* [Theming](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/theming)
* [Troubleshooting Buzzy for Figma](https://docs.buzzy.buzz/working-with-buzzy/buzzy-for-figma/troubleshooting-buzzy-for-figma)

## Getting Started

* Install the Buzzy Figma plugin
* Connect to Buzzy with the plugin
* Mark up your design in Figma
* Publish your app from Figma

## Resources

* [The Buzzy Figma plugin](https://www.figma.com/community/plugin/980407395621457657)
* [Templates and demo apps](https://www.figma.com/@buzzy)

## Support

* [Discord community forum](https://discord.gg/qt7svhCMbj)
* [Email support@buzzy.buzz](mailto:support@buzzy.buzz)

{% hint style="info" %}
**What is Figma?** [Figma](https://www.figma.com/about/) has become the leading collaborative graphics editing and user interface design app. It is used globally by designers, businesses and large organisations to build better products.
{% endhint %}