Skip to main content
Participant
February 18, 2023
Answered

Working Search in Adobe XD

  • February 18, 2023
  • 2 replies
  • 2977 views

How I can make working search in Adobe XD ?(if it's possible).

 

I need make search bar(animation+working).

 

 

    This topic has been closed for replies.
    Correct answer AkinGn

    Hi @deleted., since a working search function is a development thing, you can simulate as if it's a working search on XD. You can add a hover effect etc and simulate as if a text is written inside by connecting it to another artboard while the searchbar is clicked, that's how I'd do it. When you search also YouTube for "prototyping a working searchbar in XD" they usually focus on hover etc effects: https://www.youtube.com/results?search_query=prototyping+a+working+searchbar+in+XD 

    So I'd create let's say three artboards: 1-With default searchbar 2-Destination artboard when user clicks the searchbar (you can animate a search query text with fade in or with masking etc effect) 3-Another destination artboard with time trigger or tap trigger when user clicks a search button, showing the search results. Hope this helps!

    2 replies

    Participant
    December 26, 2024

    "><'salma

    AkinGn
    Community Expert
    AkinGnCommunity ExpertCorrect answer
    Community Expert
    February 18, 2023

    Hi @deleted., since a working search function is a development thing, you can simulate as if it's a working search on XD. You can add a hover effect etc and simulate as if a text is written inside by connecting it to another artboard while the searchbar is clicked, that's how I'd do it. When you search also YouTube for "prototyping a working searchbar in XD" they usually focus on hover etc effects: https://www.youtube.com/results?search_query=prototyping+a+working+searchbar+in+XD 

    So I'd create let's say three artboards: 1-With default searchbar 2-Destination artboard when user clicks the searchbar (you can animate a search query text with fade in or with masking etc effect) 3-Another destination artboard with time trigger or tap trigger when user clicks a search button, showing the search results. Hope this helps!