Tutorials

How to design a Facebook Carousel with Sketch

When designing a Messenger chatbot, one of the nicest message formats that you can send is a carousel. The carousel allows you to send multiple images, titles and multiple links for each element of a carousel. In this tutorial, we are going to design a Facebook carousel using Sketch and Botsociety. Note that it is not strictly required to use Sketch - any other image processing software will be ok. I also like Figma, or GIMP, for example. (more…)

Tutorials

How to create your first Slack bot mockup

In this tutorial, we are going to create a simple Slack bot mockup. Designing a Slack interaction before actually building it will help you save a lot of time. How? By previewing and prototyping your bot, you will be able to define the best user interaction possible before actually building it. Otherwise, you will figure out it does not work after you build it - which is very expensive, not to mention frustrating! (more…)

Tutorials

How to design a Facebook Extension

Last April, Facebook announced chat extensions. With Botsociety, you can now preview a Facebook extension too! Facebook extensions are really powerful and interesting. If you create one, you will be able to insert your own, micro-application directly inside Facebook Messenger. Embedding your custom HTML5 application inside Messenger means you can tap into its +1 billion user base. (more…)