Você pode criar um widget personalizado clicando no botão "custom widget" na parte inferior da navegação à esquerda.
A partir daí, você deve:
- Nomear seu widget ou escolher na sua lista de widgets personalizados para começar de algo que você já desenvolveu
- Adicionar quantas propriedades quiser ao seu widget personalizado.
- Definir o código HTML, CSS e/ou JavaScript do seu widget personalizado. A janela permite que você veja em tempo real a aparência do widget no qual está trabalhando.
Assim que terminar o desenvolvimento, volte ao seu painel e clique na categoria "Custom Widget". É aí que todos os seus widgets personalizados estarão: basta selecionar o widget personalizado que você precisa para usá-lo no seu painel do Studio.