Making a Working Keyboard in Adobe XD { Design Snippet }

[@lygiap]

The typed buttons can be used inside each button component as a state, so u can eliminate all these artboards!

[@Swameh]

But won't it keep the tapped state open? The trick of this is to show the interaction itself right, i feel like with component states it's harder to use overlays -- I'm probably wrong though

[@lygiap]

@@Swameh No, it will be hided inside the component. But there is a trick, u must enter in the component and click on the default state before previewing the prototype. Have a look at these examples that helped me: kzbin.info/www/bejne/m5KnpXdpityiars, kzbin.info/www/bejne/fWnNenuPlLNnaqs

[@Nekro4EVER]

Thank you so much we can use your work! It's so beautiful. Thank you!

[@capodicapi5916]

how do you add it to an existing project? I'm new to this :)

[@ohoudver9186]

THIS IS SO GREAT !! thank you so much, definitely going to use this in my project, many thanks :)

[@PunitChawla]

You're most welcome! I'm glad you liked it

[@ashtonmiller9097]

@@PunitChawlahey is there a way I can find this keyboard to use …the link isn’t working anymore

[@marychristides4238]

OOOH thank you soooo much ! You make my day !

[@PunitChawla]

I'm glad you liked this

[@dongcha5143]

Thank you so much we can use your work! Thank you!

[@dilv2023]

Hello there excuse me i wish to download the xd file but the url says its broken server, would you share the link updates please?

[@saadmetal5194]

thank you soooo much brother I love this channel

[@arwahunanoor5386]

Great Work! Thank you so much.

[@ravi07bee]

This is really helpful. Thank you

[@PunitChawla]

You're very welcome!

[@tuliomauro]

Nice work, dude. Sweet thanks.

[@mattg1178]

Fabulous video thanks

[@jaminizam9450]

How to use this or upload keyboard folder in figma?

[@imani828]

Functional implies its actually capable of typing words....this is just a waste of wireframes.

[@immisturgeon2143]

i cant downlaod this, anybody else have this issue?

[@dilv2023]

same issue :(

[@jishnuunnikrishnan1372]

it's use for android....?

[@flameprince2142]

Ah you're the best! Thank you very much! :)

[@vikkiehoang6010]

omg you are amazing thank you

[@PunitChawla]

Thank you for the appreciation! Keep watching

[@fareedmatjila6350]

Where can you download android keyboard?

[@PunitChawla]

You can get the keyboard from the material design UI kit for adobe xd

[@fareedmatjila6350]

@@PunitChawla keyboard is not in the material design ui☹️

[@fareedmatjila6350]

@@PunitChawla I found it thank you.

[@aprilitri]

Thanks a lot!!!!

[@kelsd1514]

Thanks! I can see the keyboard from UI kits in Adobe xd but i cant see the 'key' pop up - where can we get this? :)

[@Swameh]

Did you test it in prototype mode

[@rajilaldr]

awsome mann

[@PunitChawla]

Thank you! Keep watching