Events

Application Triggers

Overview

Uncodie uses an Event propagation system that lets any component subscribe to triggers with different origins and use cases, you can create your events as well.

Setup

1. Open the Plugin in Figma

2. Select the layer or component you want to add an Event

3. In the Actions section click on "+" and select your new action from the list

4. You can add inline javascript by clicking on the "<>" button

1. Choose the trigger for your Action

2. Click on Save

Use Cases

Window Events

This events are related to every user and app execution

On Click

Add this trigger to any event related to a normal click-to action in a layer or element

On Mouse Over

Add this trigger to events like hovering in a layer or button

On Mouse Leave

Add this event to layers to return their states to normal or to track special events when the mouse leaving a layer

On Key Press

This trigger will have an argument with the key pressed

On Key Up

This trigger will have an argument with the key pressed

On Blur

Use this trigger when an element loses its focus, normally an input or a buttón

On Render

Use this trigger to add events related to a component rendering on the screen.

Custom Events

To create a custom event you required to register your event in a script manifest, for more information see:

Manifest