Skip to main content
Participant
June 14, 2022
Answered

Prototyping Tool with Network Request / API Call / socket.io

  • June 14, 2022
  • 1 reply
  • 316 views

I am trying to find the right / best tool for the below use case:

I want to make a simple prototype with a tool that checks a website for some text. When this text changes, a corresponding image on the screen also changes.

For example:

  • Assuming I have 2 assets in the library "apple.png" and "orange.png" & I can control a website that displays the names of the fruits.
  • The prototype app first checks the website - it finds the text: "apple" -> Now the prototype reads this text and displays "apple.png"
  • I then manually change the website to show the text "orange" -> Since the prototype checks the website every second or at some "X" frequency, and it now displays from its assets "orange.png"


Any suggestions on how to make this? Can it be done?

 
Hence, I need the following features:
  • Rest API / Socket.io / Network Request / Web Scraping
  • Image display manipulation based on the result of above point
    This topic has been closed for replies.
    Correct answer Chris W. Griffith

    Most design tools will not have the ability to allow this type of interaction to occur. You are going to have to code the prototype up in a traditional manner. You can use XD to design it, assist in generating the assets that you will need, but in the end you are going to be coding the layout and functionality outside of XD.

    1 reply

    Chris W. Griffith
    Community Expert
    Chris W. GriffithCommunity ExpertCorrect answer
    Community Expert
    June 15, 2022

    Most design tools will not have the ability to allow this type of interaction to occur. You are going to have to code the prototype up in a traditional manner. You can use XD to design it, assist in generating the assets that you will need, but in the end you are going to be coding the layout and functionality outside of XD.