Create simple tutorial - Build a working app from a Figma

  • Status: Closed
  • Prize: $250
  • Entries Received: 4
  • Winner: ghaluhwizz

Contest Brief

Buzzy has just released a new Figma plugin https://www.figma.com/community/plugin/980407395621457657/Buzzy---No-Code-App-Builder that enables designers to create working web apps (native apps are in closed beta).

We need your help: In the past we've called on Freelancer's to help create some awesome examples, which has turned out great. For example see this Figma file https://www.figma.com/community/file/1032288001140341666 which creates a full working Health App that allows users to create Workouts, Meditations and Meal plans and has interactive capabilities like reviews, comments and ability to log workout sessions.

Due to the success of these we'd like to make some more of these examples for Figma users to see how Buzzy can be used to take their design and prototyping to the next level.

In terms of specific types of apps, we're pretty open, don't redo the existing examples https://www.figma.com/@buzzy - we're looking for new ideas. So your creativity counts. To start the thought process, here are some possible ideas: eCommerce/Shopping, Dashboard, Multi-page form or it could be a set of components that users can easily bind together to start to to build their own custom applications.

Feel free to use existing Figma files from the community to get started and turn into working apps https://www.figma.com/community/explore or create your own from scratch

Step 1 - It's really important you spend about an hour doing the tutorial to lean how the plugin works - Follow the Getting Started Guide: https://www.buzzycompany.com/getting-started Lessons 1 - 6 as this will give you a base. Also please duplicate the samples from https://www.figma.com/@buzzy, for example the Health App https://www.figma.com/community/file/1032288001140341666 and here's an example of the working version that was published by the plugin https://app.buzzycompany.com/app/5b10b219d930b00f75a76ecb note you can add new workouts, meal plans & meditations, create reviews, comments and activity logs.

This is how the Buzzy Figma Plugin works , feel free to play with some of the samples to see how the more complex samples work

Step 2 - Create your own unique web app/site ... be creative. Use the generated Buzzy UI (you'll get a link to it when you create your app in the plugin) to populate the site with data. Optionally you can connect your app to an external data source, like a Google Sheet or REST API. Be sure to include simple instructions / help in the file so a new user can duplicate it and use it themselves.

Step 3 - Send us your Figma files and URL of the generated apps.

Remember, these do not have be to complex as we want to use what you create as samples.

Be sure to get on the Slack channel to ask any questions: https://join.slack.com/t/buzzyfigmacommunity/shared_invite/zt-whn20rjp-t19q4JrPplR0VCRmG8fW6w

When we select a winner we'll need access to your file and would also like you to publish it to the Figma community and tag as "buzzy".

Note, if there are some good entries, we may select multiple winners.

Happy Buzzin!

Recommended Skills

Public Clarification Board

  • abulhasan12sa
    abulhasan12sa
    • 2 years ago

    I will work on it. I just forget this.

    • 2 years ago
  • abulhasan12sa
    abulhasan12sa
    • 2 years ago

    #extended #extended Please/

    • 2 years ago
  • adamginsburg
    Contest Holder
    • 2 years ago

    Hi everyone, thanks for your submissions - we'll be reviewing the entries soon and making a decision on the winner/s.

    • 2 years ago
  • numanakhter2008
    numanakhter2008
    • 2 years ago

    #extended

    • 2 years ago
  • numanakhter2008
    numanakhter2008
    • 2 years ago

    #extended

    • 2 years ago
  • falcon70
    falcon70
    • 2 years ago

    #extended #sealed #increaseprize #increaseprize

    • 2 years ago
  • numanakhter2008
    numanakhter2008
    • 2 years ago

    Saw your contest today, surely will start working now. Don't close before deadline.

    • 2 years ago
    1. adamginsburg
      Contest Holder
      • 2 years ago

      Hi. The Health app is just a sample. Use it as needed. We’re keen to see what different sorts of applications you can build to use as s tutorial

      • 2 years ago
  • adamginsburg
    Contest Holder
    • 2 years ago

    Hi, I got a notification from Figma that 3 folk posted on the clarification board... but I can't seem to find that... I checked comment here but not specific questions and I know Ghaluh now has running examples

    • 2 years ago
    1. numanakhter2008
      numanakhter2008
      • 2 years ago

      Hey i have a query....you said to modify health app, and also to design an all fron scratch and bring it to live using buzzy....i have to do both? or health apo is just to get familiar with buzzy? please reply soon

      • 2 years ago
  • inyongnation
    inyongnation
    • 2 years ago

    Congratulations, finally Buzzy can be released

    • 2 years ago
  • adamginsburg
    Contest Holder
    • 2 years ago

    Hi all, Great to see some of you creating your initial design and using the tutorials and examples as a starting point.
    if you need help with this, we're here to help out a few options
    - use the slack channel, so I can add in the broader team - you can DM interim file links etc so we can try and help
    - share your Figma file via DM and add comments and we can comment in there.
    - email support - link on the plugin page

    • 2 years ago
  • ghaluhwizz
    ghaluhwizz
    • 2 years ago

    I've tried it but it often doesn't appear when the design is run

    • 2 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!