Features and tools
      Back to home
      1. Neurons Knowledge Base
      2. Predict
      3. Features and tools

      How to work with the Predict Plugin

      With the Predict Plugin you can analyze your data in your preferred platform tool.

       

      Get and set your Plugin API key

      Start by installing the plugin on your preferred platform:

       

      figma_icon_new                  chrome_icon_new                   AdobeXD_icon_new

       

      Get API key

      To get started analyzing assets an API key needs to be generated and copied from your account.

      1. Go to https://app.neuronsinc.com/.
      2. Navigate to the account info in the top-right corner, and click Settings.
      3. In Settings, click on the Plugins tab. 
      4. Here you can click Generate to generate a personal API Key for any of the platforms.

        predict_plugin_key-gif

      After generating a key, it is automatically copied so you can paste it in the plugin under Set my API key, and save or set it there.

       

      Figma plugin

      How to make a prediction?

      1. Run the command ✨ Analyze Frame to analyze a selected frame.

        Figma_Analyse_Assets (1)

      2. Your results will be available on the plugin dialog and your dashboard account.

        Figma_Results (1)

      3. You can copy the scores and maps to your Frame using the Add to Frame button.

        Figma_FrameAdd (1)


      How to create Areas of Interest (AOI)?

      1. Draw Rectangle or Polygon layers around important areas.

        Figma_AOI_1

      2. Name all these Rectangle layers AOI.

        Figma_AOI_2

      3. Run a prediction

        Figma_AOI_3

      4. The AOIs will be visible inside Attention Map.

        Figma_AOI_4

       

      Adobe XD plugin

      How to make a prediction?

      1. Specify the target device and run the command ✨ Analyze Frame.
        Plugin_XD_1
      2. The result dialog will open and you can see your results (Attention, Focus and Cognitive Demand).
        Plugin_XD_2
      3. By default, metrics layers are hidden in your Artboard. Toggle the visibility of them based on your needs.
        Plugin_XD_3


      How to create Areas of Interest (AOI)?

      1. Create a Rectangle or Vector inside your Artboard around important areas.
        Plugin_XD_4
      2. Name the Rectangle or Vector AOI.
        Plugin_XD_5
      3. Select the Artboard and run the command ✨ Analyze Frame.
        Plugin_XD_6
      4. The attention heatmap will include your AOIs
        Plugin_XD_7

       

      Google Chrome plugin

      How to make a prediction?

      1. Click on the Neurons Predict extension.
        Plugin_Chrome_1

      2. Click the button Analyze to analyze a visible part of the screen or a selected area, and pick which folder to place the prediction.

        Plugin_Chrome_2

      3. Your results will be available will be available after a few seconds. 

        Plugin_Chrome_3