Sisense plugin for Adobe XD

The plugin helps Sisense customers to build beautiful vector widgets in a zero code environment, using the power of Adobe Creative Cloud.

Video instructions to setup the plugin here.

1 - Open Adobe XD.

2 - Click here to install the plugin.

3 - After you install the plugin, you will be able to see it on the panel:

4 - Click on it to see the extended plugin:

5 - Select your design in the canvas:

6 - Press on the Apply button:

7 - See the confirmation dialog box and press close:

8 - Go to your Sisense Dashboard:

9 - Open your BloX Widget:

10 - Select the code in the editor:

11 - Paste the code from your clipboard:

12 - Go to values and press on the plus icon:

13 - Select a value and rename it like the picture bellow:

14 - Now you will see your value in the design:

Ido Darnell September 21, 2020 11:13

lio fleishman

This is fantastic, thank you very much for this,

It would be even more amazing to learn how to make the level of the red bar within the thermostat move up and down according to the value as well, and filling it out between the 0% to 100% fill of the height of the thermostat,

Thanks again!

lio fleishman October 19, 2020 20:57

Ido Darnell I'm preparing a full tutorial to explain exactly that, stay tuned!!

Tulsi Shrivastava February 07, 2021 22:27

Hi lio fleishman! Wonderful idea and instructions. Any update on the tutorial to make the shapes adjust to the value? This would be a great add to my dashboard.

Sisense plugin for Adobe XD

Sisense plugin for Adobe XD

Comments

Didn't find what you were looking for?